From 27d2d8dca0bd727d6529bb18f99da75c338c175d Mon Sep 17 00:00:00 2001
From: Ivan Vasilov <vasilov.ivan@gmail.com>
Date: Mon, 4 May 2026 15:00:50 +0200
Subject: [PATCH] feat(design-system): migrate tailwind config to CSS-first

Replace per-app tailwind.config.cjs with @source/@theme directives in
styles/globals.css, importing the shared config/tailwind.config.css.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 apps/design-system/styles/globals.css | 17 +++++++++++------
 apps/design-system/tailwind.config.js | 21 ---------------------
 2 files changed, 11 insertions(+), 27 deletions(-)
 delete mode 100644 apps/design-system/tailwind.config.js

diff --git a/apps/design-system/styles/globals.css b/apps/design-system/styles/globals.css
index 0160d13280..ee7208c888 100644
--- a/apps/design-system/styles/globals.css
+++ b/apps/design-system/styles/globals.css
@@ -1,11 +1,16 @@
-@import 'tailwindcss';
-
-@import './../../../packages/ui/build/css/source/global.css';
-@import './../../../packages/ui/build/css/themes/dark.css';
+@import 'config/tailwind.config.css';
 @import './../../../packages/ui/build/css/themes/classic-dark.css';
-@import './../../../packages/ui/build/css/themes/light.css';
 
-@config '../tailwind.config.js';
+@source '../app/**/*.{js,ts,jsx,tsx}';
+@source '../components/**/*.{js,ts,jsx,tsx}';
+@source '../registry/**/*.{js,ts,jsx,tsx}';
+@source '../content/**/*.mdx';
+@source './../../../packages/ui/src/**/*.{tsx,ts,js}';
+@source './../../../packages/ui-patterns/src/**/*.{tsx,ts,js}';
+
+@theme {
+  --max-w-site: 128rem;
+}
 
 @import 'config/typography.css';
 
diff --git a/apps/design-system/tailwind.config.js b/apps/design-system/tailwind.config.js
deleted file mode 100644
index e329c8e381..0000000000
--- a/apps/design-system/tailwind.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-const config = require('config/tailwind.config')
-
-module.exports = config({
-  content: [
-    './app/**/*.{js,ts,jsx,tsx}',
-    './components/**/*.{js,ts,jsx,tsx}',
-    './registry/**/*.{js,ts,jsx,tsx}',
-    './content/**/*.mdx',
-    // purge styles from grid library
-    //
-    './../../packages/ui/src/**/*.{tsx,ts,js}',
-    './../../packages/ui-patterns/src/**/*.{tsx,ts,js}',
-  ],
-  theme: {
-    extend: {
-      maxWidth: {
-        site: '128rem',
-      },
-    },
-  },
-})