Merge pull request #2324 from PR0M3TH3AN/fix-broken-tailwind-in-dist-6345925489105674383

Fix broken Tailwind CSS in dist build

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: {},
   },