chore: update rest of non-astro apps to use vite@v7

Hdoc1509 · Hdoc1509 · commit ece313f612e4 · 2026-01-04T21:32:04.000-05:00
- @lib/sass-utils: replace `@import` rule by `@use`. needed since `sass@v1.80.0`
diff --git a/_templates/app/react/package.json.hygen b/_templates/app/react/package.json.hygen
@@ -28,9 +28,9 @@ to: apps/<%= name %>/package.json
     "react-dom": "catalog:"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "catalog:",
-    "sass": "catalog:",
-    "typescript": "catalog:",
-    "vite": "catalog:"
+    "@vitejs/plugin-react": "catalog:vite7",
+    "sass": "catalog:vite7",
+    "typescript": "catalog:vite7",
+    "vite": "catalog:vite7"
   }
 }
diff --git a/legacy/country-quiz/package.json b/legacy/country-quiz/package.json
@@ -28,11 +28,11 @@
     "zustand": "catalog:"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "catalog:",
-    "sass": "catalog:",
-    "typescript": "catalog:",
-    "vite": "catalog:",
-    "vitest": "catalog:",
+    "@vitejs/plugin-react": "catalog:vite7",
+    "sass": "catalog:vite7",
+    "typescript": "catalog:vite7",
+    "vite": "catalog:vite7",
+    "vitest": "catalog:vite7",
     "vite-plugin-hrc-import": "catalog:"
   },
   "engines": {
diff --git a/legacy/country-quiz/vite.config.ts b/legacy/country-quiz/vite.config.ts
@@ -5,6 +5,9 @@ import hrcImportPlugin from 'vite-plugin-hrc-import'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  // NOTE: `vite-plugin-hrc-import` IS COMPATIBLE with vite@v7, but requires
+  // updating its `peerDependencies` to allow `vite@6` and `vite@7` to suppress
+  // `unmet peer` warnings.
   plugins: [react(), hrcImportPlugin()],
   base: '/dev-challenges/legacy/country-quiz',
   build: {
diff --git a/legacy/input-component/lib/css/styles.scss b/legacy/input-component/lib/css/styles.scss
@@ -1,6 +1,6 @@
-@import './colors.scss';
+@use './colors.scss';
 
-@import './label.scss';
-@import './input.scss';
-@import './helper-text.scss';
-@import './icon.scss'
+@use './label.scss';
+@use './input.scss';
+@use './helper-text.scss';
+@use './icon.scss'
diff --git a/legacy/input-component/package.json b/legacy/input-component/package.json
@@ -27,10 +27,10 @@
   },
   "devDependencies": {
     "@hrc/type-utils": "catalog:",
-    "@vitejs/plugin-react": "catalog:",
-    "sass": "catalog:",
-    "typescript": "catalog:",
-    "vite": "catalog:"
+    "@vitejs/plugin-react": "catalog:vite7",
+    "sass": "catalog:vite7",
+    "typescript": "catalog:vite7",
+    "vite": "catalog:vite7"
   },
   "engines": {
     "node": ">=18",
diff --git a/legacy/todo-app/package.json b/legacy/todo-app/package.json
@@ -27,10 +27,10 @@
     "zustand": "catalog:"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "catalog:",
-    "sass": "catalog:",
-    "typescript": "catalog:",
-    "vite": "catalog:",
+    "@vitejs/plugin-react": "catalog:vite7",
+    "sass": "catalog:vite7",
+    "typescript": "catalog:vite7",
+    "vite": "catalog:vite7",
     "vite-plugin-hrc-import": "catalog:"
   },
   "engines": {
diff --git a/legacy/windbnb/TODO.md b/legacy/windbnb/TODO.md
@@ -1 +1,6 @@
+# TODO
+
+- use smaller images for lower screen sizes
+- zoom-in image on hover
+- try to add a background to `<StayCard />` on hover
 - Apply lazy load to `<SearchDrawer />`
diff --git a/legacy/windbnb/package.json b/legacy/windbnb/package.json
@@ -30,10 +30,10 @@
   },
   "devDependencies": {
     "@hrc/type-utils": "catalog:",
-    "@vitejs/plugin-react": "catalog:",
-    "sass": "catalog:",
-    "typescript": "catalog:",
-    "vite": "catalog:"
+    "@vitejs/plugin-react": "catalog:vite7",
+    "sass": "catalog:vite7",
+    "typescript": "catalog:vite7",
+    "vite": "catalog:vite7"
   },
   "engines": {
     "node": ">=18",
diff --git a/libs/sass-utils/TODO.md b/libs/sass-utils/TODO.md
@@ -0,0 +1,15 @@
+# TODO
+
+## font/sizes
+
+- export `css` variables as `scss` variables. allows to use only needed sizes
+
+  - add `SassDoc` comments to show equivalent `px` values:
+
+  ```scss
+  /// 10px
+  $fs-000: 0.625rem;
+  ```
+
+- `@use` these `scss` variables in `static` and `fluid` variants. requires
+  transforming them from `.css` to `.scss`
diff --git a/libs/sass-utils/font/index.scss b/libs/sass-utils/font/index.scss
@@ -1 +1 @@
-@import 'sizes';
+@use 'sizes';
diff --git a/libs/sass-utils/font/sizes/index.scss b/libs/sass-utils/font/sizes/index.scss
@@ -1,2 +1,2 @@
-@import 'static';
-@import 'fluid';
+@use 'static';
+@use 'fluid';
diff --git a/libs/sass-utils/index.scss b/libs/sass-utils/index.scss
@@ -1,2 +1,2 @@
-@import "font";
-@import "reset";
+@use "font";
+@use "reset";
diff --git a/libs/sass-utils/reset/index.scss b/libs/sass-utils/reset/index.scss
@@ -1,7 +1,7 @@
-@import "body";
-@import "box-model";
-@import "font";
-@import "image-video";
-@import "scroll";
-@import "theme";
-@import "typohgraphy";
+@use "body";
+@use "box-model";
+@use "font";
+@use "image-video";
+@use "scroll";
+@use "theme";
+@use "typohgraphy";
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -28,9 +28,9 @@ to: apps/<%= name %>/package.json`
`28`	`28`	`"react-dom": "catalog:"`
`29`	`29`	`},`
`30`	`30`	`"devDependencies": {`
`31`		`- "@vitejs/plugin-react": "catalog:",`
`32`		`- "sass": "catalog:",`
`33`		`- "typescript": "catalog:",`
`34`		`- "vite": "catalog:"`
	`31`	`+ "@vitejs/plugin-react": "catalog:vite7",`
	`32`	`+ "sass": "catalog:vite7",`
	`33`	`+ "typescript": "catalog:vite7",`
	`34`	`+ "vite": "catalog:vite7"`
`35`	`35`	`}`
`36`	`36`	`}`