diff --git a/package.json b/package.json
index 51e7bd18..1ce927a6 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
     "@types/react-dom": "18.2.18",
     "autoprefixer": "10.4.17",
     "clsx": "2.1.0",
-    "css-loader": "6.9.1",
+    "css-loader": "7.1.2",
     "dayjs": "1.11.10",
     "dotenv-cli": "7.3.0",
     "jotai": "2.6.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d23962e7..4d9b2487 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -42,8 +42,8 @@ dependencies:
     specifier: 2.1.0
     version: 2.1.0
   css-loader:
-    specifier: 6.9.1
-    version: 6.9.1(webpack@5.85.0)
+    specifier: 7.1.2
+    version: 7.1.2(webpack@5.85.0)
   dayjs:
     specifier: 1.11.10
     version: 1.11.10
@@ -4455,6 +4455,7 @@ packages:
 
   /@storybook/testing-library@0.2.2:
     resolution: {integrity: sha512-L8sXFJUHmrlyU2BsWWZGuAjv39Jl1uAqUHdxmN42JY15M4+XCMjGlArdCCjDe1wpTSW6USYISA9axjZojgtvnw==}
+    deprecated: In Storybook 8, this package functionality has been integrated to a new package called @storybook/test, which uses Vitest APIs for an improved experience. When upgrading to Storybook 8 with 'npx storybook@latest upgrade', you will get prompted and will get an automigration for the new package. Please migrate when you can.
     requiresBuild: true
     dependencies:
       '@testing-library/dom': 9.3.1
@@ -7175,6 +7176,7 @@ packages:
   /css-loader@6.9.1(webpack@5.85.0):
     resolution: {integrity: sha512-OzABOh0+26JKFdMzlK6PY1u5Zx8+Ck7CVRlcGNZoY9qwJjdfu2VWFuprTIpPW+Av5TZTVViYWcFQaEEQURLknQ==}
     engines: {node: '>= 12.13.0'}
+    requiresBuild: true
     peerDependencies:
       webpack: ^5.0.0
     dependencies:
@@ -7188,6 +7190,30 @@ packages:
       semver: 7.5.4
       webpack: 5.85.0(@swc/core@1.3.95)(esbuild@0.18.16)
     dev: false
+    optional: true
+
+  /css-loader@7.1.2(webpack@5.85.0):
+    resolution: {integrity: sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      '@rspack/core': 0.x || 1.x
+      webpack: ^5.27.0
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.4.33)
+      postcss: 8.4.33
+      postcss-modules-extract-imports: 3.1.0(postcss@8.4.33)
+      postcss-modules-local-by-default: 4.0.5(postcss@8.4.33)
+      postcss-modules-scope: 3.2.0(postcss@8.4.33)
+      postcss-modules-values: 4.0.0(postcss@8.4.33)
+      postcss-value-parser: 4.2.0
+      semver: 7.5.4
+      webpack: 5.85.0(@swc/core@1.3.95)(esbuild@0.18.16)
+    dev: false
 
   /css-select@4.3.0:
     resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
@@ -11873,6 +11899,17 @@ packages:
   /postcss-modules-extract-imports@3.0.0(postcss@8.4.33):
     resolution: {integrity: sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==}
     engines: {node: ^10 || ^12 || >= 14}
+    requiresBuild: true
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      postcss: 8.4.33
+    dev: false
+    optional: true
+
+  /postcss-modules-extract-imports@3.1.0(postcss@8.4.33):
+    resolution: {integrity: sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==}
+    engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
@@ -11894,6 +11931,20 @@ packages:
   /postcss-modules-local-by-default@4.0.4(postcss@8.4.33):
     resolution: {integrity: sha512-L4QzMnOdVwRm1Qb8m4x8jsZzKAaPAgrUF1r/hjDR2Xj7R+8Zsf97jAlSQzWtKx5YNiNGN8QxmPFIc/sh+RQl+Q==}
     engines: {node: ^10 || ^12 || >= 14}
+    requiresBuild: true
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.4.33)
+      postcss: 8.4.33
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+    dev: false
+    optional: true
+
+  /postcss-modules-local-by-default@4.0.5(postcss@8.4.33):
+    resolution: {integrity: sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw==}
+    engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
@@ -11916,6 +11967,18 @@ packages:
   /postcss-modules-scope@3.1.1(postcss@8.4.33):
     resolution: {integrity: sha512-uZgqzdTleelWjzJY+Fhti6F3C9iF1JR/dODLs/JDefozYcKTBCdD8BIl6nNPbTbcLnGrk56hzwZC2DaGNvYjzA==}
     engines: {node: ^10 || ^12 || >= 14}
+    requiresBuild: true
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      postcss: 8.4.33
+      postcss-selector-parser: 6.0.13
+    dev: false
+    optional: true
+
+  /postcss-modules-scope@3.2.0(postcss@8.4.33):
+    resolution: {integrity: sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ==}
+    engines: {node: ^10 || ^12 || >= 14}
     peerDependencies:
       postcss: ^8.1.0
     dependencies: