chore: drop node-sass and update carbon css

buildSass.mjs

@@ -1,24 +1,17 @@
-import sass from 'node-sass';
+import * as sass from 'sass';
 import fs from 'fs';
 
 const outputPath = './src/carbon.css';
-sass.render(
-  {
-    file: './src/carbon.scss',
-    includePaths: ['./node_modules'],
-    outFile: outputPath,
-  },
-  function (err, result) {
-    if (!err) {
-      // No errors during the compilation, write this result on the disk
-      fs.writeFile(outputPath, result.css, function (err) {
-        if (err) {
-          console.error(err);
-          //file written on disk
-        }
-      });
-    } else {
-      console.error(err);
-    }
-  }
-);
+sass
+  .compileAsync('./src/carbon.scss', {
+    loadPaths: ['./node_modules'],
+  })
+  .then((result) => {
+    fs.writeFile(outputPath, result.css, function (err) {
+      if (err) {
+        console.error(err);
+        //file written on disk
+      }
+    });
+  })
+  .catch((err) => console.error(err));

package.json

@@ -47,12 +47,12 @@
     "@types/mapbox__tilebelt": "^1.0.4",
     "@typescript-eslint/eslint-plugin": "^7.13.1",
     "@typescript-eslint/parser": "^7.13.1",
+    "carbon-components": "10.58.12",
     "cssnano": "^7.0.3",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-svelte3": "^4.0.0",
-    "node-sass": "^9.0.0",
     "prettier": "^3.3.2",
     "prettier-plugin-svelte": "^3.2.5",
     "sass": "^1.77.6",