feat(lite-studio): migrate tailwind config to CSS-first

Create styles/globals.css as CSS-first entry point, move content from
app/app.css, and update root.tsx import. Delete tailwind.config.js.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/lite-studio/app/root.tsx

@@ -2,7 +2,7 @@ import { isRouteErrorResponse, Links, Meta, Outlet, Scripts, ScrollRestoration }
 
 import type { Route } from './+types/root'
 
-import './app.css'
+import '../styles/globals.css'
 
 export const links: Route.LinksFunction = () => [
   { rel: 'preconnect', href: 'https://fonts.googleapis.com' },

apps/lite-studio/styles/globals.css

@@ -1,11 +1,9 @@
-@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/**/*.{ts,tsx}';
+@source './../../../packages/ui/src/**/*.{tsx,ts,js}';
+@source './../../../packages/ui-patterns/src/**/*.{tsx,ts,js}';
 
 @import 'config/typography.css';
 

apps/lite-studio/tailwind.config.js

@@ -1,13 +0,0 @@
-const config = require('config/tailwind.config')
-
-/** @type {import('tailwindcss').Config} */
-export default config({
-  content: [
-    './app/**/*.{ts,tsx}',
-    './../../packages/ui/src/**/*.{tsx,ts,js}',
-    './../../packages/ui-patterns/src/**/*.{tsx,ts,js}',
-  ],
-  theme: {
-    extend: {},
-  },
-})