testing another module

package.json

@@ -38,11 +38,12 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "node-sass": "^9.0.0",
     "postcss": "^8.4.37",
     "prettier": "^3.2.5",
     "prettier-plugin-tailwindcss": "^0.5.12",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.72.0",
+    "rollup-plugin-styles": "^4.0.0",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.1.6",
     "vite": "^5.0.0",

rollup.config.js

@@ -1,10 +1,23 @@
-import postcss from 'rollup-plugin-postcss';
+// import postcss from 'rollup-plugin-postcss';
+import styles from "rollup-plugin-styles";
+
 
 export default {
   plugins: [
-    postcss({
+    // postcss({
+    //   modules: true,
+    //   plugins: []
+    // }),
+    styles({
       modules: true,
-      plugins: []
+      // // ...or with custom options
+      // modules: {},
+      // ...additionally using autoModules
+      autoModules: true,
+      // // ...with custom regex
+      // autoModules: /\.mod\.\S+$/,
+      // // ...or custom function
+      // autoModules: id => id.includes(".modular."),
     })
   ]
 }