feat: migrate workspace to Tailwind CSS v4 (#377)

* feat: migrate workspace to Tailwind CSS v4

* refactor: move Tailwind v4 setup to CSS directives

apps/marketing/package.json

@@ -23,6 +23,7 @@
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^15.3.1",
+    "@tailwindcss/postcss": "^4.1.0",
     "@types/eslint": "^9.6.1",
     "@types/node": "^22.15.2",
     "@types/react": "^19.1.2",
@@ -30,14 +31,13 @@
     "@typescript-eslint/eslint-plugin": "^8.31.0",
     "@typescript-eslint/parser": "^8.31.0",
     "@usesend/eslint-config": "workspace:*",
-    "@usesend/tailwind-config": "workspace:*",
     "@usesend/typescript-config": "workspace:*",
     "eslint": "^8.57.1",
     "eslint-config-next": "^15.3.1",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^4.1.0",
     "typescript": "^5.8.3"
   }
 }

apps/marketing/postcss.config.cjs

@@ -1,8 +1,7 @@
 const config = {
   plugins: {
-    tailwindcss: {},
+    "@tailwindcss/postcss": {},
   },
 };
 
 module.exports = config;
-

apps/marketing/src/app/globals.css

@@ -0,0 +1,7 @@
+@import "tailwindcss";
+
+@source "../**/*.{js,jsx,ts,tsx,mdx}";
+@source "../../../../packages/ui/src/**/*.{js,jsx,ts,tsx,mdx}";
+@source "../../../../packages/email-editor/src/**/*.{js,jsx,ts,tsx,mdx}";
+
+@import "@usesend/ui/styles/globals.css";

apps/marketing/src/app/layout.tsx

@@ -1,4 +1,4 @@
-import "@usesend/ui/styles/globals.css";
+import "./globals.css";
 
 import { Inter } from "next/font/google";
 import { JetBrains_Mono } from "next/font/google";

apps/marketing/tailwind.config.ts

@@ -1,13 +0,0 @@
-import { type Config } from "tailwindcss";
-import sharedConfig from "@usesend/tailwind-config/tailwind.config";
-import path from "path";
-
-export default {
-  ...sharedConfig,
-  content: [
-    "./src/**/*.tsx",
-    `${path.join(require.resolve("@usesend/ui"), "..")}/**/*.{ts,tsx}`,
-    `${path.join(require.resolve("@usesend/email-editor"), "..")}/**/*.{ts,tsx}`,
-  ],
-} satisfies Config;
-