Bump the bundler group across 1 directory with 3 updates (#16729)

* Bump the bundler group across 1 directory with 3 updates

Bumps the bundler group with 3 updates in the /frontend-react directory: [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react), [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) and [vite-plugin-svgr](https://github.com/pd4d10/vite-plugin-svgr).


Updates `@vitejs/plugin-react` from 4.3.3 to 4.3.4
- [Release notes](https://github.com/vitejs/vite-plugin-react/releases)
- [Changelog](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite-plugin-react/commits/v4.3.4/packages/plugin-react)

Updates `vite` from 5.4.10 to 6.0.3
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v6.0.3/packages/vite)

Updates `vite-plugin-svgr` from 4.2.0 to 4.3.0
- [Release notes](https://github.com/pd4d10/vite-plugin-svgr/releases)
- [Commits](pd4d10/vite-plugin-svgr@v4.2.0...v4.3.0)

---
updated-dependencies:
- dependency-name: "@vitejs/plugin-react"
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: bundler
- dependency-name: vite
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: bundler
- dependency-name: vite-plugin-svgr
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: bundler
...

Signed-off-by: dependabot[bot] <[email protected]>

* migrate css config for vite 6

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Joseph Andersen <[email protected]>

frontend-react/package.json

@@ -145,7 +145,7 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-scroll-sync": "^0.9.0",
     "@types/sanitize-html": "^2.13.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-istanbul": "^2.1.8",
     "@vitest/ui": "^2.1.8",
     "autoprefixer": "^10.4.20",
@@ -191,9 +191,9 @@
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.16.0",
     "undici": "~6.20.1",
-    "vite": "^5.4.10",
+    "vite": "^6.0.3",
     "vite-plugin-checker": "^0.8.0",
-    "vite-plugin-svgr": "^4.2.0",
+    "vite-plugin-svgr": "^4.3.0",
     "vitest": "^2.1.8"
   },
   "resolutions": {

frontend-react/src/shared/CodeSnippet/CodeSnippet.module.scss

@@ -1,32 +1,32 @@
-@use "src/global-modules" as *;
+@use "../../global-modules.scss" as *;
 
 .CodeSnippet {
-    :global {
-        .code_snippet {
-            word-wrap: break-word;
+  :global {
+    .code_snippet {
+      word-wrap: break-word;
 
-            p {
-                @include u-margin(0px);
-            }
-        }
+      p {
+        @include u-margin(0px);
+      }
+    }
 
-        .text-highlight {
-            @include u-text("primary-vivid");
-            background-color: transparent;
-        }
+    .text-highlight {
+      @include u-text("primary-vivid");
+      background-color: transparent;
+    }
 
-        .usa-tooltip {
-            height: fit-content;
-        }
+    .usa-tooltip {
+      height: fit-content;
+    }
 
-        .usa-tooltip__body {
-            @include u-font("sans", "md");
-        }
+    .usa-tooltip__body {
+      @include u-font("sans", "md");
+    }
 
-        .fixed-tooltip {
-            color: black;
-            margin-right: unset;
-            @include u-margin-left(8px);
-        }
+    .fixed-tooltip {
+      color: black;
+      margin-right: unset;
+      @include u-margin-left(8px);
     }
+  }
 }

frontend-react/src/shared/LiveMap/LiveMap.module.scss

@@ -1,21 +1,21 @@
-@use "src/global-modules" as *;
+@use "../../global-modules.scss" as *;
 
 .legend {
-    list-style: none;
+  list-style: none;
 
-    li {
-        @include u-float(left);
-        @include u-margin-right(1);
-    }
+  li {
+    @include u-float(left);
+    @include u-margin-right(1);
+  }
 
-    span {
-        @include u-border(0);
-        @include u-float(left);
-        @include u-width(2);
-        @include u-height(2);
-        @include u-margin-top(0.5);
-        @include u-margin-right(0.5);
-        @include u-margin-bottom(2px);
-        @include u-margin-left(2px);
-    }
+  span {
+    @include u-border(0);
+    @include u-float(left);
+    @include u-width(2);
+    @include u-height(2);
+    @include u-margin-top(0.5);
+    @include u-margin-right(0.5);
+    @include u-margin-bottom(2px);
+    @include u-margin-left(2px);
+  }
 }

frontend-react/vite.config.ts

@@ -147,7 +147,7 @@ export default defineConfig(async ({ mode }) => {
         css: {
             preprocessorOptions: {
                 scss: {
-                    includePaths: ["node_modules/@uswds/uswds/packages"],
+                    loadPaths: ["node_modules/@uswds/uswds/packages"],
                 },
             },
             devSourcemap: true,