Blockbase: update font sizes to rem instead of px for a11y (#5752)

blockbase/theme.json

@@ -173,8 +173,9 @@
 				}
 			],
 			"fontSizes": {
-				"x-small": "14px",
-				"normal": "18px"
+				"x-small": "0.875rem",
+				"normal": "1.125rem",
+				"huge": "3rem"
 			},
 			"form": {
 				"padding": "calc( 0.5 * var(--wp--custom--gap--horizontal) )",
@@ -375,22 +376,22 @@
 			"fontSizes": [
 				{
 					"name": "Small",
-					"size": "16px",
+					"size": "1rem",
 					"slug": "small"
 				},
 				{
 					"name": "Medium",
-					"size": "24px",
+					"size": "1.5rem",
 					"slug": "medium"
 				},
 				{
 					"name": "Large",
-					"size": "28px",
+					"size": "1.75rem",
 					"slug": "large"
 				},
 				{
 					"name": "Extra Large",
-					"size": "32px",
+					"size": "2rem",
 					"slug": "x-large"
 				}
 			]
@@ -545,7 +546,7 @@
 					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
-					"fontSize": "48px"
+					"fontSize": "var(--wp--custom--font-sizes--huge)"
 				},
 				"spacing": {
 					"margin": {