feat: replacing windicss by tailwindcss in hoppscotch-ui (#3076)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
Co-authored-by: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Co-authored-by: nivedin <nivedinp@gmail.com>

packages/hoppscotch-ui/vite.config.ts

@@ -1,9 +1,7 @@
 import vue from "@vitejs/plugin-vue"
-import dts from "vite-plugin-dts"
-import path from "path"
 import Icons from "unplugin-icons/vite"
 import { defineConfig } from "vite"
-import WindiCSS from "vite-plugin-windicss"
+import dts from "vite-plugin-dts"
 import Unfonts from "unplugin-fonts/vite"
 
 export default defineConfig({
@@ -14,9 +12,6 @@ export default defineConfig({
       skipDiagnostics: true,
       outputDir: ["dist"],
     }),
-    WindiCSS({
-      root: path.resolve(__dirname),
-    }),
     Icons({
       compiler: "vue3",
     }),
@@ -43,10 +38,12 @@ export default defineConfig({
     sourcemap: true,
     minify: false,
     lib: {
-      entry: path.resolve(__dirname, "src/index.ts"),
-      name: "hopp-ui",
+      entry: {
+        index: "./src/index.ts",
+        "ui-preset": "./ui-preset.ts",
+        "postcss.config": "./postcss.config.cjs",
+      },
       formats: ["es"],
-      fileName: (format, entry) => `${entry}.${format}.js`,
     },
     rollupOptions: {
       external: ["vue"],