Add tailwindcss Sass support

package.json

@@ -23,6 +23,7 @@
     "astro-seo": "^0.8.0",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
+    "postcss-import": "^16.0.0",
     "prettier": "^3.1.0",
     "prettier-plugin-astro": "^0.12.2",
     "react": "^18.0.0",

pnpm-lock.yaml

@@ -44,6 +44,9 @@ dependencies:
   date-fns-tz:
     specifier: ^2.0.0
     version: 2.0.0(date-fns@2.30.0)
+  postcss-import:
+    specifier: ^16.0.0
+    version: 16.0.0(postcss@8.4.31)
   prettier:
     specifier: ^3.1.0
     version: 3.1.0
@@ -4054,6 +4057,18 @@ packages:
       resolve: 1.22.8
     dev: false
 
+  /postcss-import@16.0.0(postcss@8.4.31):
+    resolution: {integrity: sha512-e77lhVvrD1I2y7dYmBv0k9ULTdArgEYZt97T4w6sFIU5uxIHvDFQlKgUUyY7v7Barj0Yf/zm5A4OquZN7jKm5Q==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+    dependencies:
+      postcss: 8.4.31
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.8
+    dev: false
+
   /postcss-js@4.0.1(postcss@8.4.31):
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}

postcss.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: {
+    'postcss-import': {},
+    tailwindcss: {},
+    autoprefixer: {},
+  }
+}

src/styles/global.scss

@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 @import "mixins";
 @import "helpers";
 @import "code";