upgrade deps

.sassdocrc

@@ -14,6 +14,7 @@ herman:
     - 'hsl'
   customCSS: './static/built/app.css'
   sass:
+    implementation: 'sass-embedded'
     jsonFile: './static/built/json.css'
     sassOptions:
       loadPaths:

package.json

@@ -25,8 +25,8 @@
     "lint:sass": "yarn lint:sass:ci --fix",
     "lint:ci": "run-p prettier:ci sync check lint:js:ci lint:sass:ci tsc tsc:tests",
     "lint:sass:ci": "stylelint '**/*.scss'",
-    "docs:json": "sass -p node src/sass/json.scss static/built/json.css",
-    "docs:sass": "sass -p node src/sass/app.scss static/built/app.css",
+    "docs:json": "npx sass -p node src/sass/json.scss static/built/json.css",
+    "docs:sass": "npx sass -p node src/sass/app.scss static/built/app.css",
     "docs:compile": "sassdoc 'src/sass/**/*.scss'",
     "docs": "run-s docs:sass docs:json docs:compile",
     "watch:docs": "chokidar \"src/sass/**/*.scss\" \"./.sassdocrc\" \"./README.md\" -c \"yarn docs\"",
@@ -40,34 +40,34 @@
     "colorjs.io": "^0.5.2"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^3.2.2",
-    "@sveltejs/kit": "^2.5.20",
+    "@sveltejs/adapter-auto": "^3.2.4",
+    "@sveltejs/kit": "^2.5.22",
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/svelte": "^5.2.1",
     "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.7",
     "@types/node": "*",
-    "@typescript-eslint/eslint-plugin": "^7.17.0",
-    "@typescript-eslint/parser": "^7.17.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
     "@vitest/coverage-v8": "^2.0.5",
     "chokidar-cli": "^3.0.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jest": "^28.7.0",
+    "eslint-plugin-jest": "^28.8.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-svelte": "^2.43.0",
     "jsdom": "^24.1.1",
     "lodash": "^4.17.21",
-    "mocha": "^10.7.0",
+    "mocha": "^10.7.3",
     "mockdate": "^3.0.5",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.40",
+    "postcss": "^8.4.41",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
-    "sass": "^1.77.8",
+    "sass-embedded": "^1.77.8",
     "sass-true": "^8.0.0",
     "sassdoc": "^2.7.4",
     "sassdoc-theme-herman": "^6.0.1",
@@ -77,8 +77,8 @@
     "svelte-check": "^3.8.5",
     "ts-node": "^10.9.2",
     "typescript": "^5.5.4",
-    "vite": "^5.3.5",
+    "vite": "^5.4.0",
     "vitest": "^2.0.5"
   },
-  "packageManager": "yarn@4.3.1"
+  "packageManager": "yarn@4.4.0"
 }

test/sass/sass.spec.ts

@@ -1,8 +1,9 @@
-import path from 'path';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
 import { runSass } from 'sass-true';
-import { fileURLToPath } from 'url';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const sassFile = path.join(__dirname, 'test.scss');
 
-runSass({ describe, it }, sassFile);
+runSass({ describe, it, sass: 'sass-embedded' }, sassFile);

vite.config.ts

@@ -1,15 +1,17 @@
+import { fileURLToPath, URL } from 'node:url';
+
 import { sveltekit } from '@sveltejs/kit/vite';
-import path from 'path';
-import { NodePackageImporter } from 'sass';
+import { NodePackageImporter } from 'sass-embedded';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
   plugins: [sveltekit()],
   css: {
     preprocessorOptions: {
       scss: {
-        includePaths: [path.resolve('./src/sass/')],
-        pkgImporter: new NodePackageImporter(),
+        api: 'modern',
+        loadPaths: [fileURLToPath(new URL('./src/sass/', import.meta.url))],
+        importers: [new NodePackageImporter()],
       },
     },
   },