feat(pie-notification): DSW-2172 replaces media to include-media

Author: dandel10n

packages/components/pie-notification/src/notification.scss

@@ -1,7 +1,5 @@
 @use '@justeattakeaway/pie-css/scss' as p;
 
-$breakpoint-wide: 768px;
-
 .c-notification {
     --notification-border-radius: var(--dt-radius-rounded-c);
     --notification-background-color: var(--dt-color-container-subtle);
@@ -63,7 +61,7 @@ $breakpoint-wide: 768px;
         font-size: var(--notification-heading-font-size);
         line-height: var(--notification-heading-line-height);
 
-        @media (min-width: $breakpoint-wide) {
+        @include media('>md') {
             --notification-heading-font-size: #{p.font-size(--dt-font-heading-s-size--wide)};
             --notification-heading-line-height: #{p.line-height(--dt-font-heading-s-line-height--wide)};
         }
@@ -95,7 +93,7 @@ $breakpoint-wide: 768px;
             align-self: flex-end;
         }
 
-        @media (max-width: $breakpoint-wide) {
+        @include media('<md') {
             &.c-notification-footer--stacked {
                 flex-direction: column-reverse;
             }
@@ -109,7 +107,7 @@ $breakpoint-wide: 768px;
     color: var(--notification-icon-fill);
     margin-block-start: var(--notification-icon-offset);
 
-    @media (max-width: $breakpoint-wide) {
+    @include media('<md') {
         margin-block-start: 0;
     }
 }

yarn.lock

@@ -5442,7 +5442,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@justeattakeaway/[email protected].1, @justeattakeaway/generator-pie-component@workspace:packages/tools/generator-pie-component":
+"@justeattakeaway/[email protected].2, @justeattakeaway/generator-pie-component@workspace:packages/tools/generator-pie-component":
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/generator-pie-component@workspace:packages/tools/generator-pie-component"
   dependencies:
@@ -26162,7 +26162,7 @@ __metadata:
     "@commitlint/config-conventional": 17.4.4
     "@justeat/pie-design-tokens": 6.5.0
     "@justeattakeaway/browserslist-config-pie": 0.2.0
-    "@justeattakeaway/generator-pie-component": 0.22.1
+    "@justeattakeaway/generator-pie-component": 0.22.2
     "@justeattakeaway/pie-icons": 4.19.1
     "@justeattakeaway/pie-webc-testing": 0.13.3
     "@justeattakeaway/pie-wrapper-react": 0.14.1