prebuild tailwindcss for caching

need to figure out how to do this with remix-tailwind lol

packages/website/package.json

@@ -3,11 +3,12 @@
   "name": "website",
   "scripts": {
     "prepare": "remix setup node",
-    "dev": "concurrently 'typedoc --watch' 'remix dev'",
+    "dev": "concurrently 'typedoc --watch' 'pnpm tailwind -- --watch' 'remix dev'",
     "test": "node ./scripts/test.js",
     "test-dev": "pnpm dev & wait-on http-get://localhost:3000 && cypress open",
-    "build": "typedoc && remix build",
+    "build": "typedoc && pnpm tailwind -- --minify && remix build",
     "start": "remix-serve build",
+    "tailwind": "tailwindcss --config tailwind.config.cjs --input app/modules/ui/tailwind.css --output app/modules/ui/tailwind.out.css",
     "typecheck": "tsc --noEmit && tsc --project cypress/tsconfig.json --noEmit"
   },
   "dependencies": {
@@ -15,17 +16,13 @@
     "@remix-run/react": "^1.1.1",
     "@remix-run/serve": "^1.1.1",
     "@tailwindcss/typography": "^0.5.0",
-    "autoprefixer": "^10.4.2",
     "clsx": "^1.1.1",
     "fast-glob": "^3.2.10",
     "gray-matter": "^4.0.3",
-    "postcss": "^8.4.5",
     "reacord": "workspace:*",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "remix": "^1.1.1",
-    "remix-tailwind": "^0.2.1",
-    "tailwindcss": "^3.0.13"
+    "remix": "^1.1.1"
   },
   "devDependencies": {
     "@remix-run/dev": "^1.1.1",
@@ -36,10 +33,13 @@
     "@types/react-dom": "^17.0.11",
     "@types/tailwindcss": "^3.0.2",
     "@types/wait-on": "^5.3.1",
+    "autoprefixer": "^10.4.2",
     "concurrently": "^7.0.0",
     "cypress": "^9.2.1",
     "execa": "^6.0.0",
+    "postcss": "^8.4.5",
     "rehype-prism-plus": "^1.3.1",
+    "tailwindcss": "^3.0.13",
     "typedoc": "^0.22.10",
     "typescript": "^4.5.4",
     "wait-on": "^6.0.0"