Varia: migrate sass/blocks/utilities

varia/sass/blocks/utilities/_editor.scss

@@ -6,6 +6,7 @@
 .editor-post-title__block .editor-post-title__input {
 	color: #{map-deep-get($config-global, "color", "foreground", "default")};
 	font-family: #{map-deep-get($config-heading, "font", "family")};
+	font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 	font-weight: #{map-deep-get($config-heading, "font", "weight")};
 	font-size: (strip-unit(map-deep-get($config-heading, "font", "size", "h2")) + 0em);
 	letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h2")};
@@ -129,6 +130,7 @@
 // Drop cap
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: #{map-deep-get($config-heading, "font", "family")};
+	font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 	font-size: calc(2 * #{strip-unit(map-deep-get($config-heading, "font", "size", "h1")) + 0em});
 	font-weight: #{map-deep-get($config-heading, "font", "weight")};
 }

varia/sass/blocks/utilities/_style.scss

@@ -213,7 +213,8 @@
 // Drop caps
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: #{map-deep-get($config-heading, "font", "family")};
-	font-size: calc(2 * #{map-deep-get($config-heading, "font", "size", "h1")};);
+	font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
+	font-size: calc(2 * #{map-deep-get($config-heading, "font", "size", "h1")} );
 	font-weight: #{map-deep-get($config-heading, "font", "weight")};
 	line-height: 0.66;
 	text-transform: uppercase;

varia/style-editor.css

@@ -694,6 +694,7 @@ table th,
 .editor-post-title__block .editor-post-title__input {
 	color: #444444;
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	font-weight: bold;
 	font-size: 2.48832em;
 	letter-spacing: normal;
@@ -809,6 +810,7 @@ table th,
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	font-size: calc(2 * 2.98598em);
 	font-weight: bold;
 }

varia/style-rtl.css

@@ -1972,6 +1972,7 @@ table,
 table th,
 .wp-block-table th {
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 }
 
 table td,
@@ -2166,6 +2167,7 @@ table th,
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	font-size: calc(2 * 2.98598rem);
 	font-weight: bold;
 	line-height: 0.66;

varia/style.css

@@ -2172,6 +2172,7 @@ table th,
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	font-size: calc(2 * 2.98598rem);
 	font-weight: bold;
 	line-height: 0.66;