From 2fc3bf14d67b5c2c30676a24f984d47853835a0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.coop>
Date: Sun, 21 Apr 2024 07:04:19 -0400
Subject: [PATCH] Switch from node-sass to sass to fix bogus invalid CSS
 warning

Error in plugin "sass"
Message:
    node_modules/motion-ui/src/util/_unit.scss
Error: Invalid CSS after "  $dividend: math": expected expression (e.g. 1px, bold), was ".abs($dividend);"
        on line 17 of node_modules/motion-ui/src/util/_unit.scss
        from line 14 of node_modules/motion-ui/src/motion-ui.scss
        from line 47 of scss/peceful.scss
>>   $dividend: math.abs($dividend);

Fix for what seems a parallel situation per:
https://stackoverflow.com/questions/67195466/sasserror-invalid-css-expected-expression-e-g-1px-bold
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c58f8ee..7739230 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "foundation-sites": "6.7.4",
     "motion-ui": "~2.0.3",
+    "sass": "^1.75.0",
     "what-input": "^5.2.10"
   },
   "devDependencies": {
@@ -37,7 +38,6 @@
     "gulp-terser": "^2.0.1",
     "js-yaml": "^4.1.0",
     "js-yaml-js-types": "^1.0.0",
-    "node-sass": "^6.0.1",
     "postcss": "^8.3.11",
     "rimraf": "^3.0.2",
     "uncss": "^0.17.3",