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',
-      },
-    },
-  },
-})