feat: move to css based config

apps/remix/app/app.css

@@ -1,5 +1,15 @@
 @import "@documenso/ui/styles/theme.css";
 
+/* Content sources: this app plus the shared `ui` and `email` packages it renders. */
+@source "./**/*.{ts,tsx}";
+@source "../../../packages/ui/primitives/**/*.{ts,tsx}";
+@source "../../../packages/ui/components/**/*.{ts,tsx}";
+@source "../../../packages/ui/icons/**/*.{ts,tsx}";
+@source "../../../packages/ui/lib/**/*.{ts,tsx}";
+@source "../../../packages/email/templates/**/*.{ts,tsx}";
+@source "../../../packages/email/template-components/**/*.{ts,tsx}";
+@source "../../../packages/email/providers/**/*.{ts,tsx}";
+
 /* Inter Variable Fonts */
 @font-face {
   font-family: "Inter";
@@ -64,8 +74,9 @@
 
 @layer base {
   :root {
-    --font-sans: "Inter";
-    --font-signature: "Caveat";
-    --font-noto: "Noto Sans", "Noto Sans Korean", "Noto Sans Japanese", "Noto Sans Chinese";
+    /* Consumed by the `--font-*` theme tokens in @documenso/ui/styles/theme.css. */
+    --font-family-sans: "Inter";
+    --font-family-signature: "Caveat";
+    --font-family-noto: "Noto Sans", "Noto Sans Korean", "Noto Sans Japanese", "Noto Sans Chinese";
   }
 }

apps/remix/package.json

@@ -21,7 +21,6 @@
     "@documenso/ee": "*",
     "@documenso/lib": "*",
     "@documenso/prisma": "*",
-    "@documenso/tailwind-config": "*",
     "@documenso/trpc": "*",
     "@documenso/ui": "*",
     "@epic-web/remember": "^1.1.0",
@@ -68,9 +67,11 @@
     "react-router": "^7.12.0",
     "recharts": "^2.15.4",
     "remeda": "^2.32.0",
+    "@tailwindcss/typography": "^0.5.19",
     "remix-themes": "^2.0.4",
     "satori": "^0.18.3",
     "tailwindcss": "^4.3.1",
+    "tailwindcss-animate": "^1.0.7",
     "ts-pattern": "^5.9.0",
     "ua-parser-js": "^1.0.41",
     "uqr": "^0.1.2"

apps/remix/tailwind.config.ts

@@ -1,17 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const baseConfig = require('@documenso/ui/tailwind.config.cjs');
-const path = require('path');
-
-module.exports = {
-  presets: [baseConfig],
-  content: [
-    './app/**/*.{ts,tsx}',
-    `${path.join(require.resolve('@documenso/ui'), '..')}/components/**/*.{ts,tsx}`,
-    `${path.join(require.resolve('@documenso/ui'), '..')}/icons/**/*.{ts,tsx}`,
-    `${path.join(require.resolve('@documenso/ui'), '..')}/lib/**/*.{ts,tsx}`,
-    `${path.join(require.resolve('@documenso/ui'), '..')}/primitives/**/*.{ts,tsx}`,
-    `${path.join(require.resolve('@documenso/email'), '..')}/templates/**/*.{ts,tsx}`,
-    `${path.join(require.resolve('@documenso/email'), '..')}/template-components/**/*.{ts,tsx}`,
-    `${path.join(require.resolve('@documenso/email'), '..')}/providers/**/*.{ts,tsx}`,
-  ],
-};

apps/remix/tsconfig.json

@@ -18,8 +18,7 @@
       "@documenso/lib": ["../../packages/lib"],
       "@documenso/prisma": ["../../packages/prisma"],
       "@documenso/trpc": ["../../packages/trpc"],
-      "@documenso/ui": ["../../packages/ui"],
-      "@documenso/tailwind-config": ["../../packages/tailwind-config"]
+      "@documenso/ui": ["../../packages/ui"]
     },
     "esModuleInterop": true,
     "verbatimModuleSyntax": true,

apps/remix/vite.config.ts

@@ -68,7 +68,6 @@ export default defineConfig({
       '@napi-rs/canvas',
       '@node-rs/bcrypt',
       '@prisma/client',
-      '@documenso/tailwind-config',
       'playwright',
       'playwright-core',
       '@playwright/browser-chromium',