Switch to dart-sass

node-sass is now deprecated

.github/workflows/dart-sass.yml → .github/workflows/node-sass.yml

-name: CSS (Dart Sass)
+name: CSS (node-sass)
 on: [push, pull_request]
 env:
   CI: true
@@ -17,8 +17,8 @@ jobs:
         with:
           node-version: "${{ env.NODE }}"
 
-      - name: Build CSS with Dart Sass
+      - name: Build CSS with node-sass
         run: |
-          npx --package sass@latest sass --version
-          npx --package sass@latest sass --style expanded --source-map --embed-sources --no-error-css scss/:dist-sass/css/
+          npx --package node-sass@latest node-sass --version
+          npx --package node-sass@latest node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/ -o dist-sass/css/
           ls -Al dist-sass/css

package.json

@@ -21,7 +21,7 @@
     "start": "npm-run-all --parallel watch docs-serve",
     "bundlewatch": "bundlewatch --config .bundlewatch.config.json",
     "css": "npm-run-all css-compile css-prefix css-minify",
-    "css-compile": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/ -o dist/css/",
+    "css-compile": "sass --style expanded --source-map --embed-sources --no-error-css scss/:dist/css/",
     "css-lint": "npm-run-all --continue-on-error --parallel css-lint-*",
     "css-lint-stylelint": "stylelint \"**/*.{css,scss}\" --cache --cache-location .cache/.stylelintcache",
     "css-lint-vars": "fusv scss/ site/assets/scss/",
@@ -123,7 +123,6 @@
     "karma-rollup-preprocessor": "^7.0.5",
     "linkinator": "^2.2.0",
     "lockfile-lint": "^4.3.7",
-    "node-sass": "^4.14.1",
     "nodemon": "^2.0.6",
     "npm-run-all": "^4.1.5",
     "popper.js": "^1.16.1",
@@ -131,6 +130,7 @@
     "postcss-cli": "^8.1.0",
     "rollup": "^2.32.1",
     "rollup-plugin-istanbul": "^2.0.1",
+    "sass": "^1.27.1",
     "shelljs": "^0.8.4",
     "sirv-cli": "^1.0.8",
     "stylelint": "^13.7.2",