diff --git a/package-lock.json b/package-lock.json
index 39e7dafd..aa86a2ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,7 +30,7 @@
         "sass": "1.80.6",
         "storybook": "7.6.20",
         "storybook-addon-themes": "6.1.0",
-        "storybook-dark-mode": "3.0.3",
+        "storybook-dark-mode": "4.0.2",
         "style-dictionary": "3.9.2",
         "stylelint": "16.10.0",
         "stylelint-config-spaceninja": "15.0.0",
@@ -5070,6 +5070,39 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/core": {
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.4.1.tgz",
+      "integrity": "sha512-q3Q4OFBj7MHHbIFYk/Beejlqv5j7CC3+VWhGcr0TK3SGvdCIZ7EliYuc5JIOgDlEPsnTIk+lkgWI4LAA9mLzSw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@storybook/csf": "^0.1.11",
+        "better-opn": "^3.0.2",
+        "browser-assert": "^1.2.1",
+        "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0",
+        "esbuild-register": "^3.5.0",
+        "jsdoc-type-pratt-parser": "^4.0.0",
+        "process": "^0.11.10",
+        "recast": "^0.23.5",
+        "semver": "^7.6.2",
+        "util": "^0.12.5",
+        "ws": "^8.2.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@storybook/core-client": {
       "version": "7.6.20",
       "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.20.tgz",
@@ -5299,6 +5332,20 @@
         "node": ">=10"
       }
     },
+    "node_modules/@storybook/core/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@storybook/csf": {
       "version": "0.1.11",
       "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.11.tgz",
@@ -5425,6 +5472,20 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/icons": {
+      "version": "1.2.12",
+      "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.2.12.tgz",
+      "integrity": "sha512-UxgyK5W3/UV4VrI3dl6ajGfHM4aOqMAkFLWe2KibeQudLf6NJpDrDMSHwZj+3iKC4jFU7dkKbbtH2h/al4sW3Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/manager": {
       "version": "7.6.20",
       "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.20.tgz",
@@ -11767,6 +11828,17 @@
         "signal-exit": "^3.0.2"
       }
     },
+    "node_modules/jsdoc-type-pratt-parser": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz",
+      "integrity": "sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/jsesc": {
       "version": "2.5.2",
       "dev": true,
@@ -15366,14 +15438,16 @@
       }
     },
     "node_modules/recast": {
-      "version": "0.23.4",
+      "version": "0.23.9",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.9.tgz",
+      "integrity": "sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "assert": "^2.0.0",
         "ast-types": "^0.16.1",
         "esprima": "~4.0.0",
         "source-map": "~0.6.1",
+        "tiny-invariant": "^1.3.3",
         "tslib": "^2.0.1"
       },
       "engines": {
@@ -16337,28 +16411,102 @@
       }
     },
     "node_modules/storybook-dark-mode": {
-      "version": "3.0.3",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/storybook-dark-mode/-/storybook-dark-mode-4.0.2.tgz",
+      "integrity": "sha512-zjcwwQ01R5t1VsakA6alc2JDIRVtavryW8J3E3eKLDIlAMcvsgtpxlelWkZs2cuNspk6Z10XzhQVrUWtYc3F0w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/addons": "^7.0.0",
-        "@storybook/components": "^7.0.0",
-        "@storybook/core-events": "^7.0.0",
+        "@storybook/components": "^8.0.0",
+        "@storybook/core-events": "^8.0.0",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "^7.0.0",
-        "@storybook/theming": "^7.0.0",
+        "@storybook/icons": "^1.2.5",
+        "@storybook/manager-api": "^8.0.0",
+        "@storybook/theming": "^8.0.0",
         "fast-deep-equal": "^3.1.3",
         "memoizerific": "^1.11.3"
+      }
+    },
+    "node_modules/storybook-dark-mode/node_modules/@storybook/components": {
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.4.1.tgz",
+      "integrity": "sha512-bMPclbBhrWxhFlwqrC/h4fPLl05ouoi5D8SkQTHjeVxWN9eDnMVi76xM0YDct302Z3f0x5S3plIulp+4XRxrvg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/storybook-dark-mode/node_modules/@storybook/core-events": {
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.4.1.tgz",
+      "integrity": "sha512-HlRHaC95h3NELnMedi3LqkUFY9kKpFhxGMLhSojZp9xK/2G2ghS/cr3tWRjdN32ONTzMTia4HaLhnBIM1SHQ/w==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/storybook-dark-mode/node_modules/@storybook/manager-api": {
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.4.1.tgz",
+      "integrity": "sha512-7hb2k4zsp6lREGZbQ85QOlsC8EIMZXuY9Pg12VUgaZd+LmLjLuaqtrxRz3SwIgIWsRpFun9AHO0X37DmYNGTSw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/storybook-dark-mode/node_modules/@storybook/theming": {
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.4.1.tgz",
+      "integrity": "sha512-Sz24isryVFZaVahXkjgnCsMAQqQeeKg41AtLsldlYdesIo6fr5tc6/SkTUy+CYadK4Dkhqp+vVRDnwToYYRGhA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/storybook-dark-mode/node_modules/storybook": {
+      "version": "8.4.1",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.4.1.tgz",
+      "integrity": "sha512-0tfFIFghjho9FtnFoiJMoxhcs2iIdvEF81GTSVnTsDVJrYA84nB+FxN3UY1fT0BcQ8BFlbf+OhSjZL7ufqqWKA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@storybook/core": "8.4.1"
+      },
+      "bin": {
+        "getstorybook": "bin/index.cjs",
+        "sb": "bin/index.cjs",
+        "storybook": "bin/index.cjs"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
       },
       "peerDependenciesMeta": {
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
+        "prettier": {
           "optional": true
         }
       }
@@ -17386,7 +17534,9 @@
       }
     },
     "node_modules/tiny-invariant": {
-      "version": "1.3.1",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
       "dev": true,
       "license": "MIT"
     },
diff --git a/package.json b/package.json
index 7cf0d67c..f3c84e35 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,7 @@
     "sass": "1.80.6",
     "storybook": "7.6.20",
     "storybook-addon-themes": "6.1.0",
-    "storybook-dark-mode": "3.0.3",
+    "storybook-dark-mode": "4.0.2",
     "style-dictionary": "3.9.2",
     "stylelint": "16.10.0",
     "stylelint-config-spaceninja": "15.0.0",