feat: move to css based config

packages/email/package.json

@@ -18,7 +18,6 @@
   },
   "dependencies": {
     "@documenso/nodemailer-resend": "4.0.0",
-    "@documenso/tailwind-config": "*",
     "@react-email/body": "0.2.0",
     "@react-email/button": "0.2.0",
     "@react-email/code-block": "0.2.0",

packages/email/preview/app/app.css

@@ -1,7 +1,11 @@
 @import "tailwindcss";
 
-/* v4 no longer auto-detects the JS config; load the standalone preview config. */
-@config "../tailwind.config.cjs";
+@source "./**/*.{ts,tsx}";
+
+@theme {
+  --font-sans:
+    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
+}
 
 html,
 body {

packages/email/preview/tailwind.config.cjs

@@ -1,24 +0,0 @@
-const path = require('node:path');
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [path.join(__dirname, 'app/**/*.{ts,tsx}')],
-  theme: {
-    extend: {
-      fontFamily: {
-        sans: [
-          'Inter',
-          'ui-sans-serif',
-          'system-ui',
-          '-apple-system',
-          'Segoe UI',
-          'Roboto',
-          'Helvetica Neue',
-          'Arial',
-          'sans-serif',
-        ],
-      },
-    },
-  },
-  plugins: [],
-};

packages/email/preview/tsconfig.json

@@ -14,7 +14,6 @@
       "@documenso/lib": ["../../lib"],
       "@documenso/lib/*": ["../../lib/*"],
       "@documenso/prisma": ["../../prisma"],
-      "@documenso/tailwind-config": ["../../tailwind-config"],
       "@documenso/ui": ["../../ui"]
     },
     "esModuleInterop": true,

packages/email/preview/vite.config.ts

@@ -12,14 +12,12 @@ import tsconfigPaths from 'vite-tsconfig-paths';
  *
  * Emails render server-side through the real `renderEmailWithI18N` pipeline
  * (see `app/routes/preview.tsx`), so the SSR config mirrors the main Remix app:
- * Prisma, the tailwind config, and native modules stay external.
+ * Prisma and native modules stay external.
  */
 export default defineConfig({
   root: __dirname,
   css: {
     postcss: {
-      // The JS config is loaded via `@config` in app/app.css (v4 no longer
-      // auto-detects it or accepts a path argument here).
       plugins: [tailwindcss()],
     },
   },
@@ -49,7 +47,6 @@ export default defineConfig({
       '@napi-rs/canvas',
       '@node-rs/bcrypt',
       '@prisma/client',
-      '@documenso/tailwind-config',
       'playwright',
       'playwright-core',
       '@playwright/browser-chromium',

packages/email/tailwind.config.js

@@ -1,8 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const baseConfig = require('@documenso/tailwind-config');
-const path = require('path');
-
-module.exports = {
-  ...baseConfig,
-  content: [`templates/**/*.{ts,tsx}`],
-};