move to using /src - still css issue work

postcss.config.js

@@ -1,5 +0,0 @@
-export default {
-  plugins: {
-    '@tailwindcss/postcss': {},
-  },
-};

tailwind.config.js

@@ -7,10 +7,7 @@ const __dirname = path.dirname(__filename);
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
-    // Point to the root index.html
     path.resolve(__dirname, './index.html'),
-
-    // Scan for all relevant files inside the new 'src' directory
     path.resolve(__dirname, './src/**/*.{js,ts,jsx,tsx}'),
   ],
 };

vite.config.ts

@@ -3,21 +3,19 @@ import path from 'path';
 import { defineConfig as defineViteConfig } from 'vite';
 import { defineConfig as defineVitestConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react';
-
-// 1. Import the Tailwind v4 PostCSS plugin directly
 import tailwindcssPostcss from '@tailwindcss/postcss';
 
+const __dirname = path.dirname(new URL(import.meta.url).pathname);
+
 const vitestConfig = defineVitestConfig({
   test: {
     environment: 'jsdom',
-    setupFiles: ['./src/vitest.setup.ts'], // Correct path after src migration
+    setupFiles: ['./src/vitest.setup.ts'],
   },
 });
 
 const viteConfig = defineViteConfig({
   plugins: [react()],
-  
-  // 2. Define the PostCSS plugins in the Array format Vite expects
   css: {
     postcss: {
       plugins: [
@@ -25,7 +23,6 @@ const viteConfig = defineViteConfig({
       ],
     },
   },
-
   server: {
     port: 3000,
     host: '0.0.0.0',