Fix correct font-weight for headers

Author: tobiasahlin

src/marketing/type/typography.scss

@@ -7,25 +7,25 @@
 .h5-mktg,
 .h6-mktg {
   font-family: $font-mktg;
-  font-weight: $font-weight-semibold;
   font-feature-settings: "salt" 2;
+  font-weight: $font-weight-bold !important;
+  letter-spacing: $mktg-header-spacing-default;
 }
 
 @each $header, $sizes in $mktg-headers {
   .h#{$header}-mktg {
     $pairing: map-get($mktg-header-pairings, nth($sizes, 1));
     font-size: map-get($pairing, "size") !important;
     line-height: map-get($pairing, "lh") !important;
-    letter-spacing: $mktg-header-spacing-default;
+    @if (map-get($pairing, "size") >= 24px) { font-weight: 800 !important; }
 
     @if (nth($sizes, 1) != nth($sizes, 2)) {
       @include breakpoint(md) {
         $pairing: map-get($mktg-header-pairings, nth($sizes, 2));
         font-size: map-get($pairing, "size") !important;
         line-height: map-get($pairing, "lh") !important;
-        @if (map-get($pairing, "size") >= 48px) {
-          letter-spacing: $mktg-header-spacing-large;
-        }
+        @if (map-get($pairing, "size") >= 48px) { letter-spacing: $mktg-header-spacing-large; }
+        @if (map-get($pairing, "size") >= 24px) { font-weight: 800 !important; }
       }
     }
 
@@ -34,9 +34,8 @@
         $pairing: map-get($mktg-header-pairings, nth($sizes, 3));
         font-size: map-get($pairing, "size") !important;
         line-height: map-get($pairing, "lh") !important;
-        @if (map-get($pairing, "size") >= 48px) {
-          letter-spacing: $mktg-header-spacing-large;
-        }
+        @if (map-get($pairing, "size") >= 48px) { letter-spacing: $mktg-header-spacing-large; }
+        @if (map-get($pairing, "size") >= 24px) { font-weight: 800 !important; }
       }
     }
   }