From e734530ffe127d3ed8a0d4fb30b75d7ea04a2140 Mon Sep 17 00:00:00 2001
From: danijel-lf <danijel.martinek@layerfinance.com>
Date: Tue, 26 May 2026 14:12:57 +0200
Subject: [PATCH] feat(web-next): wire Tailwind CSS v4 via PostCSS

- Add @tailwindcss/postcss + postcss.config.mjs
- Create app.css with @source directives for monorepo packages
- Import app.css in root layout
---
 apps/web-next/postcss.config.mjs |  5 +++++
 apps/web-next/src/app/layout.tsx |  1 +
 apps/web-next/src/styles/app.css | 10 ++++++++++
 3 files changed, 16 insertions(+)
 create mode 100644 apps/web-next/postcss.config.mjs
 create mode 100644 apps/web-next/src/styles/app.css

diff --git a/apps/web-next/postcss.config.mjs b/apps/web-next/postcss.config.mjs
new file mode 100644
index 0000000..c2ddf74
--- /dev/null
+++ b/apps/web-next/postcss.config.mjs
@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
diff --git a/apps/web-next/src/app/layout.tsx b/apps/web-next/src/app/layout.tsx
index c1a620b..d5c36bd 100644
--- a/apps/web-next/src/app/layout.tsx
+++ b/apps/web-next/src/app/layout.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import "../styles/app.css";
 import { getNonce } from "@repo/core-shared/security/next";
 import { Providers } from "./providers";
 
diff --git a/apps/web-next/src/styles/app.css b/apps/web-next/src/styles/app.css
new file mode 100644
index 0000000..a7a282e
--- /dev/null
+++ b/apps/web-next/src/styles/app.css
@@ -0,0 +1,10 @@
+@import "tailwindcss";
+@source "../../../../packages/core-ui/src";
+@source "../../../../packages/navigation/src";
+@source "../../../../packages/blog/src";
+@source "../../../../packages/marketing-pages/src";
+@source "../../../../packages/media/src";
+@source "../../../../packages/auth/src";
+@source "../";
+
+@import "../../../../packages/core-ui/src/styles/theme.css";