chore(vara-ui): bump vite

idea/gear/frontend/package.json

@@ -53,7 +53,6 @@
     "@types/react-gtm-module": "2.0.3",
     "@types/react-transition-group": "4.4.7",
     "sails-js-types": "0.0.1",
-    "sass": "1.69.1",
     "vite-plugin-checker": "0.6.2"
   }
 }

package.json

@@ -107,6 +107,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
+    "sass": "^1.83.4",
     "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
     "ts-node-dev": "^2.0.0",

utils/vara-ui/package.json

@@ -19,8 +19,8 @@
   "homepage": "https://github.com/gear-tech/gear-js/tree/main/utils/vara-ui#readme",
   "scripts": {
     "start": "storybook dev -p 6006",
-    "build-base": "npx tsc && vite build --mode base",
-    "build-deprecated": "npx tsc && vite build --mode deprecated",
+    "build-base": "rm -rf dist && npx tsc && npx vite build --mode base",
+    "build-deprecated": "rm -rf dist-temp && npx tsc && npx vite build --mode deprecated",
     "copy-deprecated-css": "cp dist-temp/style.css dist/style-deprecated.css",
     "rm-deprecated-dts": "rm dist/index-deprecated.d.ts",
     "build": "yarn run build-base && yarn run build-deprecated && yarn run copy-deprecated-css && yarn run rm-deprecated-dts",
@@ -45,13 +45,8 @@
     "@storybook/react-vite": "8.4.3",
     "@storybook/testing-library": "0.2.2",
     "clsx": "2.1.1",
-    "sass": "1.77.2",
     "storybook": "8.4.3",
-    "storybook-dark-mode": "4.0.2",
-    "typescript": "5.7.2",
-    "vite": "5.4.6",
-    "vite-plugin-dts": "4.3.0",
-    "vite-plugin-svgr": "4.3.0"
+    "storybook-dark-mode": "4.0.2"
   },
   "files": [
     "dist"

utils/vara-ui/vite.config.ts

@@ -18,6 +18,10 @@ export default defineConfig(({ mode }) => {
         formats: ['es'],
         outDir,
         emptyOutDir: true,
+
+        // feel free to remove after deprecated font support is no longer needed.
+        // then it will worth to think about importing css in a bundle straightaway (like in wallet-connect)
+        cssFileName: 'style',
       },
       rollupOptions: {
         external: ['react', 'react-dom'],

utils/wallet-connect/package.json

@@ -42,8 +42,7 @@
     "@gear-js/vara-ui": "*",
     "@polkadot/react-identicon": "3.12.1",
     "@tanstack/react-query": "5.56.2",
-    "clsx": "2.1.1",
-    "sass": "1.77.2"
+    "clsx": "2.1.1"
   },
   "files": [
     "dist"

utils/wallet-connect/vite.config.ts

@@ -4,17 +4,11 @@ import { defineConfig } from 'vite';
 import svgr from 'vite-plugin-svgr';
 import dts from 'vite-plugin-dts';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
+import checker from 'vite-plugin-checker';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    react(),
-    svgr(),
-    nodePolyfills(),
-    dts({
-      exclude: ['src/preview'],
-    }),
-  ],
+  plugins: [react(), svgr(), nodePolyfills(), dts({ exclude: ['src/preview'] }), checker({ typescript: true })],
   build: {
     lib: {
       entry: resolve(__dirname, 'src/components/index.ts'),