fix: update to tailwindcss 4

src/App.tsx

@@ -1,7 +1,7 @@
 export const App = () => {
   return (
     <div className='bg-slate-200 w-full h-full border'>
-      <div className='loading bg-black'>
+      <div className='test-loading bg-black'>
         <div></div>
       </div>
     </div>

src/index.css

@@ -1,11 +1,7 @@
-@tailwind components;
+@import "tailwindcss";
 
-#root {
-  width: 100%;
-  height: 100%;
-}
 @layer components {
-  .loading-sm {
-    @apply w-4 h-4 border-t-2 border-b-2  rounded-full animate-spin;
+  .test-loading {
+    @apply w-20 h-20 bg-gray-300 rounded-full animate-spin;
   }
-}
+}

src/main.tsx

@@ -1,6 +1,5 @@
 import { createRoot } from 'react-dom/client';
 import { App } from './App.tsx';
-import '@build/tailwind/main.css';
 
 import './index.css';
 

src/modules/basename.ts

@@ -0,0 +1 @@
+export const basename = DEV_SERVER ? '/' : BASE_NAME;

src/vite-env.d.ts

@@ -3,4 +3,4 @@ type SimpleObject = {
   [key: string | number]: any;
 };
 
-declare let DEV_SERVER: boolean;
+declare let BASE_NAME: string;