✨ Tailwind v4 (#3208)

Co-authored-by: Brandon <brandon@tendency.me>
Co-authored-by: csorrentino <cjsorren@gmail.com>
Co-authored-by: stuart <stuartjwong@gmail.com>

vite.config.js

@@ -1,15 +1,16 @@
 import { defineConfig } from 'vite'
+import tailwindcss from '@tailwindcss/vite';
 import laravel from 'laravel-vite-plugin'
 import {
   wordpressPlugin,
   wordpressRollupPlugin,
   wordpressThemeJson,
 } from './resources/js/build/wordpress'
-import tailwindConfig from './tailwind.config.js'
 
 export default defineConfig({
   base: '/app/themes/sage/public/build/',
   plugins: [
+    tailwindcss(),
     laravel({
       input: [
         'resources/css/app.css',
@@ -26,7 +27,6 @@ export default defineConfig({
     // Generate the theme.json file in the public/build/assets directory
     // based on the Tailwind config and the theme.json file from base theme folder
     wordpressThemeJson({
-      tailwindConfig,
       disableTailwindColors: false,
       disableTailwindFonts: false,
       disableTailwindFontSizes: false,