Refactor stylesheet structure: move components to _components and update paths, add postcss-import to manage imports more efficiently.

Author: liberaldev

package.json

@@ -7,6 +7,7 @@
     "autoprefixer": "^10.4.23",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
+    "postcss-import": "^16.1.1",
     "tailwindcss": "^3.4.14"
   }
 }

postcss.config.js

@@ -1,6 +1,11 @@
+const path = require('node:path');
+
 module.exports = {
   plugins: {
+    "postcss-import": {
+      path: path.join(__dirname, 'stylesheets')
+    },
     tailwindcss: {},
     autoprefixer: {},
   }
-}
+};