fix: sass legacy warn (#4440)

* fix: sass legacy warn

* core: remove jq dep from electron

electron/package.json

@@ -135,7 +135,6 @@
     "electron-playwright-helpers": "^1.6.0",
     "eslint": "8.57.0",
     "eslint-plugin-react": "^7.34.0",
-    "jq": "^1.7.2",
     "rimraf": "^5.0.5",
     "run-script-os": "^1.1.6",
     "typescript": "^5.3.3",

joi/package.json

@@ -40,7 +40,6 @@
     "@types/jest": "^29.5.12",
     "autoprefixer": "10.4.16",
     "jest": "^29.7.0",
-    "rollup-plugin-sass": "^1.14.0",
     "tailwind-merge": "^2.2.0",
     "tailwindcss": "^3.4.1",
     "ts-jest": "^29.2.5"
@@ -71,6 +70,7 @@
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-typescript2": "0.36.0",
+    "sass": "^1.83.1",
     "typescript": "^5.7.2"
   },
   "packageManager": "[email protected]"

joi/rollup.config.mjs

@@ -11,7 +11,6 @@ import tailwindcss from 'tailwindcss'
 import typescriptEngine from 'typescript'
 import resolve from '@rollup/plugin-node-resolve'
 import copy from 'rollup-plugin-copy'
-import sass from 'rollup-plugin-sass'
 
 const packageJson = JSON.parse(readFileSync('./package.json'))
 
@@ -36,6 +35,7 @@ export default [
         use: {
           sass: {
             silenceDeprecations: ['legacy-js-api'],
+            api: 'modern',
           },
         },
         minimize: true,
@@ -58,7 +58,6 @@ export default [
         ],
       }),
       terser(),
-      sass(),
     ],
     watch: {
       clearScreen: false,