fix(ui): tailwind config compatibility & types

Author: pujitm

unraid-ui/package.json

@@ -82,9 +82,9 @@
     "./styles": "./dist/style.css",
     "./styles/*": "./src/styles/*",
     "./tailwind.config": {
-      "types": "./dist/tailwind.config.d.ts",
-      "import": "./dist/tailwind.config.js",
-      "default": "./dist/tailwind.config.js"
+      "types": "./dist/tailwind.d.ts",
+      "import": "./dist/tailwind.mjs",
+      "default": "./dist/tailwind.mjs"
     },
     "./theme/preset": {
       "types": "./dist/theme/preset.d.ts",

unraid-ui/src/theme/preset.ts

@@ -1,7 +1,5 @@
 import type { Config } from "tailwindcss";
 import type { PluginAPI } from "tailwindcss/types/config";
-import typography from "@tailwindcss/typography";
-import animate from "tailwindcss-animate";
 
 export const unraidPreset = {
   darkMode: ['selector', '[data-mode="dark"]'],
@@ -241,5 +239,5 @@ export const unraidPreset = {
       }),
     },
   },
-  plugins: [typography, animate],
+  plugins: [require('@tailwindcss/typography'), require('tailwindcss-animate')],
 } satisfies Partial<Config>; 

unraid-ui/vite.config.ts

@@ -52,7 +52,7 @@ export default function createConfig() {
           },
           entryFileNames: (chunkInfo) => {
             if (chunkInfo.name === 'tailwind') {
-              return '[name].config.js';
+              return '[name].mjs';
             } else {
               return '[name].js';
             }