Fix broken Tailwind CSS in dist build by bundling imports

- Switched from `tailwindcss` CLI to `postcss-cli` in `build:css` script to robustly handle PostCSS plugins.
- Installed `postcss-import` and `postcss-cli` as dev dependencies.
- Updated `postcss.config.cjs` to include `postcss-import` before `tailwindcss`.
- Removed `--minify` from `build:css` command as `cssnano` was stripping critical CSS variables from `tokens.css`.
- This ensures `tokens.css` is correctly inlined into `tailwind.generated.css`, fixing undefined variables that caused broken styles in the distribution build.

Co-authored-by: PR0M3TH3AN <[email protected]>

package.json

@@ -10,7 +10,7 @@
     "start": "npm run build && npx serve dist",
     "serve": "npx serve",
     "build": "node scripts/build-dist.mjs",
-    "build:css": "tailwindcss -c tailwind.config.cjs -i css/tailwind.source.css -o css/tailwind.generated.css --minify",
+    "build:css": "postcss css/tailwind.source.css -o css/tailwind.generated.css",
     "build:beacon:bundle": "node scripts/build-beacon.mjs",
     "build:beacon": "npm run build:beacon:bundle && npm run lint:inline-styles",
     "ci:beacon": "npm run build:beacon",
@@ -48,12 +48,15 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.58.2",
+    "cssnano": "^7.1.2",
     "fake-indexeddb": "^6.2.5",
     "jsdom": "^28.0.0",
     "nostr-wasm": "^0.1.0",
     "pixelmatch": "^5.3.0",
     "playwright": "^1.58.2",
     "pngjs": "^7.0.0",
+    "postcss-cli": "^11.0.1",
+    "postcss-import": "^15.1.0",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "serve": "^14.2.5",

postcss.config.cjs

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