Rockfield: use font headings for widgets title

rockfield/sass/_extra-child-theme.scss

@@ -507,7 +507,8 @@ table,
   .widget-title,
   .widgettitle {
     font-size: #{map-deep-get($config-global, "font", "size", "base")};
-    font-family: #{map-deep-get($config-global, "font", "family", "ui")};
+    font-family: #{map-deep-get($config-global, "font", "family", "ui")}; // For browsers without CSS custom properties support.
+    font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "ui")} );
     margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 
     &:empty {

rockfield/style-rtl.css

@@ -4083,6 +4083,7 @@ table th,
 .widget-area .widgettitle {
 	font-size: 1rem;
 	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	margin-bottom: 16px;
 }
 

rockfield/style.css

@@ -4112,6 +4112,7 @@ table th,
 .widget-area .widgettitle {
 	font-size: 1rem;
 	font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: var(--font-headings, Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	margin-bottom: 16px;
 }