build(tailwind): handle tailwind build in remix

.gitignore

@@ -147,7 +147,6 @@ build/
 *.mp3
 *.pyc
 *.db
-worker/app/styles/app.css
 
 # IDE
 **/.idea/

worker/styles/app.css → worker/app/styles/app.css

@@ -1,3 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;

worker/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
+};

worker/remix.config.js

@@ -1,10 +1,11 @@
 /** @type {import('@remix-run/dev').AppConfig} */
 module.exports = {
-  ignoredRouteFiles: ["**/.*"],
-  tailwind: true,
-  // appDirectory: "app",
-  // assetsBuildDirectory: "public/build",
-  // publicPath: "/build/",
-  // serverBuildPath: "build/index.js",
-  browserNodeBuiltinsPolyfill: { modules: { events: true } },
+	ignoredRouteFiles: ["**/.*"],
+	tailwind: true,
+	postcss: true,
+	// appDirectory: "app",
+	// assetsBuildDirectory: "public/build",
+	// publicPath: "/build/",
+	// serverBuildPath: "build/index.js",
+	browserNodeBuiltinsPolyfill: { modules: { events: true } },
 };

worker/tailwind.config.js

@@ -1,8 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./app/**/*.{js,ts,jsx,tsx}"],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
+	content: ["./app/**/*.{js,ts,jsx,tsx}"],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
 };