fix: sass legacy warn

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,