Merge branch 'main' into tobiasahlin/dont-confuse-sizes-with-breakpoints

deprecations.js

@@ -6,11 +6,11 @@
 const versionDeprecations = {
   '17.0.0': [
     {
-      selectors: [
-          '.h000-mktg',
-          '.h00-mktg',
-          '.lead-mktg'
-      ],
+      variables: ['$h000-size', '$h000-size-mobile'],
+      message: `This variable is deprecated, please refer to the Marketing Typography documentation.`
+    },
+    {
+      selectors: ['.h000-mktg', '.h00-mktg', '.lead-mktg'],
       message: `This selector is deprecated, please refer to the Marketing Typography documentation.`
     },
     {

src/marketing/support/variables.scss

@@ -1,3 +1,4 @@
+// stylelint-disable unit-no-unknown
 // Typography
 $marketing-font-path: "/fonts/" !default;
 

src/marketing/type/typography.scss

@@ -8,6 +8,7 @@
 .h6-mktg {
   font-family: $font-mktg;
   font-feature-settings: $mktg-font-feature-settings;
+  // stylelint-disable-next-line primer/typography
   font-weight: $mktg-header-weight-default !important;
   letter-spacing: $mktg-header-spacing-default !important;
 }