prebuild tailwindcss for caching

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

packages/website/.gitignore

@@ -7,3 +7,4 @@ node_modules
 /public/api
 cypress/videos
 cypress/screenshots
+*.out.css

packages/website/app/root.tsx

@@ -12,6 +12,7 @@ import { GuideLinksProvider } from "~/modules/navigation/guide-links-context"
 import type { GuideLink } from "~/modules/navigation/load-guide-links.server"
 import { loadGuideLinks } from "~/modules/navigation/load-guide-links.server"
 import prismThemeCss from "~/modules/ui/prism-theme.css"
+import tailwindCss from "~/modules/ui/tailwind.out.css"
 
 export const meta: MetaFunction = () => ({
   title: "Reacord",
@@ -30,7 +31,7 @@ export const links: LinksFunction = () => [
     as: "style",
     href: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Rubik:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap",
   },
-  { rel: "stylesheet", href: "/tailwind.css" },
+  { rel: "stylesheet", href: tailwindCss },
   { rel: "stylesheet", href: prismThemeCss },
 ]
 

packages/website/app/routes/tailwind[.]css.tsx

@@ -1,5 +0,0 @@
-import type { LoaderFunction } from "remix"
-import { serveTailwindCss } from "remix-tailwind"
-
-export const loader: LoaderFunction = () =>
-  serveTailwindCss("app/modules/ui/tailwind.css")

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"