Use Sass NodePackageImporter

Author: paulrobertlloyd

app/assets/stylesheets/vendor/govuk-frontend/base/_index.scss

@@ -1 +1 @@
-@import "govuk-frontend/dist/govuk/base";
+@import "pkg:govuk-frontend/dist/govuk/base";

app/assets/stylesheets/vendor/govuk-frontend/components/_index.scss

@@ -1,3 +1,3 @@
-@import "govuk-frontend/dist/govuk/components/file-upload";
-@import "govuk-frontend/dist/govuk/components/notification-banner";
-@import "govuk-frontend/dist/govuk/components/pagination";
+@import "pkg:govuk-frontend/dist/govuk/components/file-upload";
+@import "pkg:govuk-frontend/dist/govuk/components/notification-banner";
+@import "pkg:govuk-frontend/dist/govuk/components/pagination";

app/assets/stylesheets/vendor/nhsuk-frontend/components/_index.scss

@@ -1,28 +1,28 @@
-@import "nhsuk-frontend/packages/components/back-link";
-@import "nhsuk-frontend/packages/components/breadcrumb";
-@import "nhsuk-frontend/packages/components/button";
-@import "nhsuk-frontend/packages/components/card";
-@import "nhsuk-frontend/packages/components/checkboxes";
-@import "nhsuk-frontend/packages/components/date-input";
-@import "nhsuk-frontend/packages/components/details";
-@import "nhsuk-frontend/packages/components/error-message";
-@import "nhsuk-frontend/packages/components/error-summary";
-@import "nhsuk-frontend/packages/components/fieldset";
-@import "nhsuk-frontend/packages/components/footer";
-@import "nhsuk-frontend/packages/components/header";
-@import "nhsuk-frontend/packages/components/hint";
-@import "nhsuk-frontend/packages/components/input";
-@import "nhsuk-frontend/packages/components/inset-text";
-@import "nhsuk-frontend/packages/components/label";
-@import "nhsuk-frontend/packages/components/panel";
-@import "nhsuk-frontend/packages/components/radios";
-@import "nhsuk-frontend/packages/components/select";
-@import "nhsuk-frontend/packages/components/skip-link";
-@import "nhsuk-frontend/packages/components/summary-list";
-@import "nhsuk-frontend/packages/components/tables";
-@import "nhsuk-frontend/packages/components/tag";
-@import "nhsuk-frontend/packages/components/textarea";
-@import "nhsuk-frontend/packages/components/warning-callout";
+@import "pkg:nhsuk-frontend/packages/components/back-link";
+@import "pkg:nhsuk-frontend/packages/components/breadcrumb";
+@import "pkg:nhsuk-frontend/packages/components/button";
+@import "pkg:nhsuk-frontend/packages/components/card";
+@import "pkg:nhsuk-frontend/packages/components/checkboxes";
+@import "pkg:nhsuk-frontend/packages/components/date-input";
+@import "pkg:nhsuk-frontend/packages/components/details";
+@import "pkg:nhsuk-frontend/packages/components/error-message";
+@import "pkg:nhsuk-frontend/packages/components/error-summary";
+@import "pkg:nhsuk-frontend/packages/components/fieldset";
+@import "pkg:nhsuk-frontend/packages/components/footer";
+@import "pkg:nhsuk-frontend/packages/components/header";
+@import "pkg:nhsuk-frontend/packages/components/hint";
+@import "pkg:nhsuk-frontend/packages/components/input";
+@import "pkg:nhsuk-frontend/packages/components/inset-text";
+@import "pkg:nhsuk-frontend/packages/components/label";
+@import "pkg:nhsuk-frontend/packages/components/panel";
+@import "pkg:nhsuk-frontend/packages/components/radios";
+@import "pkg:nhsuk-frontend/packages/components/select";
+@import "pkg:nhsuk-frontend/packages/components/skip-link";
+@import "pkg:nhsuk-frontend/packages/components/summary-list";
+@import "pkg:nhsuk-frontend/packages/components/tables";
+@import "pkg:nhsuk-frontend/packages/components/tag";
+@import "pkg:nhsuk-frontend/packages/components/textarea";
+@import "pkg:nhsuk-frontend/packages/components/warning-callout";
 
 // Ignored components
 // - action-link

app/assets/stylesheets/vendor/nhsuk-frontend/core/_index.scss

@@ -1 +1 @@
-@import "nhsuk-frontend/packages/core";
+@import "pkg:nhsuk-frontend/packages/core";

package.json

@@ -14,7 +14,7 @@
     "workbox-build": "^7.3.0"
   },
   "scripts": {
-    "build:css": "sass ./app/assets/stylesheets/application.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules --quiet-deps --style compressed",
+    "build:css": "sass ./app/assets/stylesheets/application.scss:./app/assets/builds/application.css --no-source-map --pkg-importer=node --quiet-deps --style compressed",
     "build": "esbuild app/javascript/*.[jt]s app/javascript/controllers/*.[jt]s --bundle --sourcemap --outdir=app/assets/builds --public-path=assets --minify",
     "build:serviceworker": "esbuild app/javascript/serviceworker/main.js --bundle --sourcemap --outfile=public/sw.js --minify",
     "test:e2e": "PW_EXPERIMENTAL_SERVICE_WORKER_NETWORK_EVENTS=1 playwright test",