feat(pie-css): DSW-2172 node_modules include to loadPaths of compileCss func

Author: dandel10n

.changeset/chatty-hotels-reflect.md

@@ -0,0 +1,6 @@
+---
+"@justeattakeaway/pie-cookie-banner": minor
+"@justeattakeaway/pie-modal": minor
+---
+
+[Removed] - pie-design-tokens dependency.

.changeset/nasty-garlics-thank.md

@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-css": minor
+---
+
+[Changed] - replaces hardcoded breakpoint values with PIE tokens.

.changeset/sweet-planes-clap.md

@@ -0,0 +1,6 @@
+---
+"@justeattakeaway/pie-notification": minor
+"@justeattakeaway/pie-modal": minor
+---
+
+[Changed] - replaces media with include-media with pie breakpoints tokens.

.changeset/wise-ants-reflect.md

@@ -0,0 +1,8 @@
+---
+"wc-vanilla": minor
+"pie-storybook": minor
+"pie-docs": minor
+"pie-monorepo": minor
+---
+
+[Changed] - pie-design-tokens version bump to 6.5.0.

apps/pie-docs/src/__tests__/_11ty/shortcodes/__snapshots__/tokensTable.test.js.snap

@@ -1,3 +1,4 @@
+@use '@justeattakeaway/pie-css/scss' as p;
 @use '@justeattakeaway/pie-css/scss/settings' as *;
 @use 'dialog-polyfill/dist/dialog-polyfill.css';
 

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

@@ -1,4 +1,5 @@
 @use '@justeattakeaway/pie-css/scss' as p;
+@use '@justeattakeaway/pie-css/scss/settings' as *;
 
 .c-notification {
     --notification-border-radius: var(--dt-radius-rounded-c);

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

@@ -27,7 +27,6 @@
   "repository": "https://github.com/justeattakeaway/pie.git",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@justeat/pie-design-tokens": "6.5.0",
     "@types/postcss-import": "14.0.3",
     "include-media": "2.0.0",
     "postcss": "8.4.32",

packages/tools/pie-css/package.json

@@ -15,7 +15,8 @@ import sass from 'sass';
  */
 export function compileCss (scss: string): string {
     const result = sass.compileString(scss, {
-        loadPaths: ['scss'],
+        // root level node_modules are here for external dependencies imports like pie-design-tokens
+        loadPaths: ['scss', '../../../node_modules'],
     });
 
     return result.css;

packages/tools/pie-css/utilities/compileCss.ts

@@ -5570,7 +5570,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@justeattakeaway/pie-css@workspace:packages/tools/pie-css"
   dependencies:
-    "@justeat/pie-design-tokens": 6.5.0
     "@types/postcss-import": 14.0.3
     include-media: 2.0.0
     postcss: 8.4.32