Merge branch 'enhancement/add-wc-support' into enhancement/add-wc-support-rivington

varia/sass/base/_extends.scss

@@ -36,7 +36,7 @@
 	color: map-deep-get($config-global, "color", "foreground", "dark");
 	font-size: map-deep-get($config-global, "font", "size", "sm");
 	font-weight: 700;
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	@include font-family( map-deep-get($config-global, "font", "family", "primary") );
 	min-height: 3.236rem;
 	min-width: 3.236rem;
 	padding: 0.202rem;

varia/style-woocommerce-rtl.css

@@ -285,7 +285,8 @@ body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-
 	color: #111111;
 	font-size: 0.83333rem;
 	font-weight: 700;
-	font-family: ("fallback": "sans-serif", "css-var": "--font-headings");
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	min-height: 3.236rem;
 	min-width: 3.236rem;
 	padding: 0.202rem;

varia/style-woocommerce.css

@@ -285,7 +285,8 @@ body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-
 	color: #111111;
 	font-size: 0.83333rem;
 	font-weight: 700;
-	font-family: ("fallback": "sans-serif", "css-var": "--font-headings");
+	font-family: sans-serif;
+	font-family: var(--font-headings, sans-serif);
 	min-height: 3.236rem;
 	min-width: 3.236rem;
 	padding: 0.202rem;