diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index a2246bf1a6fb..d2322c5bb21b 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -297,7 +297,7 @@ cd code && yarn test
 
 ### End-to-End Testing
 
-- Playwright tests available (version 1.52.0 configured)
+- Playwright tests available (version 1.58.2 configured)
 - E2E test tasks: `yarn task e2e-tests-build --start-from auto` or `yarn task e2e-tests-dev --start-from auto`
 - Test runner scenarios: `yarn task test-runner-build --start-from auto` or `yarn task test-runner-dev --start-from auto`
 - Smoke tests: `yarn task smoke-test --start-from auto`
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 07d000bf67b5..a20b30a1a233 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## 10.2.19
+
+- Maintenance: Support vite-plugin-svelte@7 which supports Vite 8 - [#34115](https://github.com/storybookjs/storybook/pull/34115), thanks @valentinpalkovic!
+- Vite: Support Vite 8 - [#33788](https://github.com/storybookjs/storybook/pull/33788), thanks @valentinpalkovic!
+
 ## 10.2.18
 
 - Core: Correctly fallback to first detected vitest config file - [#33865](https://github.com/storybookjs/storybook/pull/33865), thanks @yannbf!
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 81ac4bb718da..d5bf856f57b1 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -64,7 +64,7 @@
     "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0",
+    "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0",
     "storybook": "workspace:^",
     "svelte": "^5.0.0",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
diff --git a/code/lib/cli-storybook/src/sandbox-templates.ts b/code/lib/cli-storybook/src/sandbox-templates.ts
index aedb83ee9316..4e68507f52dd 100644
--- a/code/lib/cli-storybook/src/sandbox-templates.ts
+++ b/code/lib/cli-storybook/src/sandbox-templates.ts
@@ -96,6 +96,11 @@ export type Template = {
     editAddons?: (addons: string[]) => string[];
     useCsfFactory?: boolean;
   };
+  /** Additional CI steps in case this template has special needs during CI. */
+  extraCiSteps?: {
+    // Some sandboxes (e.g. Angular) rely on Node 22.22.1 as minimum supported version and threfore it needs enforcing, even if the CI image comes with a different node version.
+    ensureMinNodeVersion?: boolean;
+  };
   /** Additional options to pass to the initiate command when initializing Storybook. */
   initOptions?: {
     builder?: SupportedBuilder;
@@ -626,6 +631,9 @@ export const baseTemplates = {
       renderer: '@storybook/svelte',
       builder: '@storybook/builder-vite',
     },
+    modifications: {
+      extraDependencies: ['@sveltejs/vite-plugin-svelte@7.0.0'],
+    },
     skipTasks: ['e2e-tests', 'bench'],
   },
   'svelte-vite/default-ts': {
@@ -636,6 +644,9 @@ export const baseTemplates = {
       renderer: '@storybook/svelte',
       builder: '@storybook/builder-vite',
     },
+    modifications: {
+      extraDependencies: ['@sveltejs/vite-plugin-svelte@7.0.0'],
+    },
     // Remove smoke-test from the list once https://github.com/storybookjs/storybook/issues/19351 is fixed.
     skipTasks: ['smoke-test', 'bench'],
   },
@@ -647,6 +658,9 @@ export const baseTemplates = {
       // extraDependencies: ['@standard-schema/spec@^1', '@angular/forms@next'],
       useCsfFactory: true,
     },
+    extraCiSteps: {
+      ensureMinNodeVersion: true,
+    },
     expected: {
       framework: '@storybook/angular',
       renderer: '@storybook/angular',
@@ -662,6 +676,9 @@ export const baseTemplates = {
       extraDependencies: ['@angular/forms@latest'],
       useCsfFactory: true,
     },
+    extraCiSteps: {
+      ensureMinNodeVersion: true,
+    },
     expected: {
       framework: '@storybook/angular',
       renderer: '@storybook/angular',
@@ -678,6 +695,9 @@ export const baseTemplates = {
       renderer: '@storybook/svelte',
       builder: '@storybook/builder-vite',
     },
+    modifications: {
+      extraDependencies: ['@sveltejs/vite-plugin-svelte@7.0.0'],
+    },
     skipTasks: ['e2e-tests', 'bench'],
   },
   'lit-vite/default-js': {
diff --git a/code/package.json b/code/package.json
index 3933fb4f59c5..888b792b0d31 100644
--- a/code/package.json
+++ b/code/package.json
@@ -75,7 +75,7 @@
   ],
   "dependencies": {
     "@chromatic-com/storybook": "^5.0.0",
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.58.2",
     "@storybook/addon-a11y": "workspace:*",
     "@storybook/addon-designs": "^11.0.3",
     "@storybook/addon-docs": "workspace:*",
@@ -220,5 +220,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "10.2.19"
 }
diff --git a/docs/versions/latest.json b/docs/versions/latest.json
index 5ec2eb17f3a3..0c4d4766ef05 100644
--- a/docs/versions/latest.json
+++ b/docs/versions/latest.json
@@ -1 +1 @@
-{"version":"10.2.18","info":{"plain":"- Core: Correctly fallback to first detected vitest config file - [#33865](https://github.com/storybookjs/storybook/pull/33865), thanks @yannbf!\n- Core: Fix error reporting in ManagerErrorBoundary - [#33915](https://github.com/storybookjs/storybook/pull/33915), thanks @ghengeveld!"}}
\ No newline at end of file
+{"version":"10.2.19","info":{"plain":"- Maintenance: Support vite-plugin-svelte@7 which supports Vite 8 - [#34115](https://github.com/storybookjs/storybook/pull/34115), thanks @valentinpalkovic!\n- Vite: Support Vite 8 - [#33788](https://github.com/storybookjs/storybook/pull/33788), thanks @valentinpalkovic!"}}
\ No newline at end of file
diff --git a/docs/writing-tests/in-ci.mdx b/docs/writing-tests/in-ci.mdx
index eba10a08cce2..0bd8aa72b12e 100644
--- a/docs/writing-tests/in-ci.mdx
+++ b/docs/writing-tests/in-ci.mdx
@@ -58,7 +58,7 @@ jobs:
     container:
       # Make sure to grab the latest version of the Playwright image
       # https://playwright.dev/docs/docker#pull-the-image
-      image: mcr.microsoft.com/playwright:v1.52.0-noble
+      image: mcr.microsoft.com/playwright:v1.58.2-noble
     steps:
       - uses: actions/checkout@v4
       
@@ -98,7 +98,7 @@ Test:
   stage: UI_Tests
   # Make sure to grab the latest version of the Playwright image
   # https://playwright.dev/docs/docker#pull-the-image
-  image: mcr.microsoft.com/playwright:v1.52.0-noble
+  image: mcr.microsoft.com/playwright:v1.58.2-noble
   script:
     - npm run test-storybook
 ```
@@ -125,7 +125,7 @@ pipelines:
               name: "Run Tests"
               # Make sure to grab the latest version of the Playwright image
               # https://playwright.dev/docs/docker#pull-the-image
-              image: mcr.microsoft.com/playwright:v1.52.0-noble
+              image: mcr.microsoft.com/playwright:v1.58.2-noble
               caches:
                 - npm
                 - node
@@ -149,7 +149,7 @@ executors:
     docker:
       # Make sure to grab the latest version of the Playwright image
       # https://playwright.dev/docs/docker#pull-the-image
-      - image: mcr.microsoft.com/playwright:v1.52.0-noble
+      - image: mcr.microsoft.com/playwright:v1.58.2-noble
     working_directory: ~/repo
 
 jobs:
@@ -222,7 +222,7 @@ pipeline {
            * Make sure to grab the latest version of the Playwright image
            * https://playwright.dev/docs/docker#pull-the-image
            */
-          image 'mcr.microsoft.com/playwright:v1.52.0-noble'
+          image 'mcr.microsoft.com/playwright:v1.58.2-noble'
           reuseNode true
         }
       }
@@ -257,7 +257,7 @@ stages:
         displayName: "Storybook tests"
         # Make sure to grab the latest version of the Playwright image
         # https://playwright.dev/docs/docker#pull-the-image
-        container: mcr.microsoft.com/playwright:v1.52.0-noble
+        container: mcr.microsoft.com/playwright:v1.58.2-noble
         variables:
           npm_config_cache: $(Pipeline.Workspace)/.npm
         steps:
@@ -308,7 +308,7 @@ jobs:
   test:
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.52.0-noble
+      image: mcr.microsoft.com/playwright:v1.58.2-noble
 +   # 👇 Only run on successful deployments
 +   if: github.event_name == 'deployment_status' && github.event.deployment_status.state == 'success'
     steps:
diff --git a/docs/writing-tests/index.mdx b/docs/writing-tests/index.mdx
index 8786a55f3a27..3c4ebe2a71bb 100644
--- a/docs/writing-tests/index.mdx
+++ b/docs/writing-tests/index.mdx
@@ -90,7 +90,7 @@ Next, add a new CI workflow.
       container:
         # Make sure to grab the latest version of the Playwright image
         # https://playwright.dev/docs/docker#pull-the-image
-        image: mcr.microsoft.com/playwright:v1.52.0-noble
+        image: mcr.microsoft.com/playwright:v1.58.2-noble
       steps:
         - uses: actions/checkout@v4
         
diff --git a/package.json b/package.json
index f4873d84f2e8..2a4733e3dc61 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "@babel/runtime": "latest",
     "@babel/traverse": "latest",
     "@babel/types": "^7.28.4",
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.58.2",
     "@testing-library/user-event@npm:^14.4.0": "patch:@testing-library/user-event@npm%3A14.6.1#~/.yarn/patches/@testing-library-user-event-npm-14.6.1-5da7e1d4e2.patch",
     "@testing-library/user-event@npm:^14.6.1": "patch:@testing-library/user-event@npm%3A14.6.1#~/.yarn/patches/@testing-library-user-event-npm-14.6.1-5da7e1d4e2.patch",
     "@types/babel__traverse@npm:*": "patch:@types/babel__traverse@npm%3A7.20.6#~/.yarn/patches/@types-babel__traverse-npm-7.20.6-fac4243243.patch",
@@ -50,8 +50,8 @@
     "@vitest/expect@npm:3.2.4": "patch:@vitest/expect@npm%3A3.2.4#~/.yarn/patches/@vitest-expect-npm-3.2.4-97c526d5cc.patch",
     "aria-query@5.3.0": "^5.3.0",
     "esbuild": "^0.27.0",
-    "playwright": "1.52.0",
-    "playwright-core": "1.52.0",
+    "playwright": "1.58.2",
+    "playwright-core": "1.58.2",
     "react": "^18.2.0",
     "serialize-javascript": "^3.1.0",
     "type-fest": "~2.19",
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@nx/workspace": "^22.1.3",
-    "@playwright/test": "^1.52.0",
+    "@playwright/test": "^1.58.2",
     "@types/kill-port": "^2.0.3",
     "http-server": "^14.1.1",
     "jiti": "^2.6.1",
diff --git a/scripts/ci/sandboxes.ts b/scripts/ci/sandboxes.ts
index 81c622d83506..d86f0cfc34c7 100644
--- a/scripts/ci/sandboxes.ts
+++ b/scripts/ci/sandboxes.ts
@@ -1,6 +1,7 @@
 import { join } from 'path';
 
 import * as sandboxTemplates from '../../code/lib/cli-storybook/src/sandbox-templates';
+import { type TemplateKey } from '../../code/lib/cli-storybook/src/sandbox-templates';
 import { build_linux } from './common-jobs';
 import { LINUX_ROOT_DIR, SANDBOX_DIR, WINDOWS_ROOT_DIR, WORKING_DIR } from './utils/constants';
 import {
@@ -17,6 +18,23 @@ import {
 import { defineJob, defineNoOpJob, isWorkflowOrAbove } from './utils/types';
 import type { JobOrNoOpJob, Workflow } from './utils/types';
 
+function getSandboxSetupSteps(template: string) {
+  const extraSteps = [];
+  const templateData = sandboxTemplates.allTemplates[template as TemplateKey];
+
+  if (templateData.extraCiSteps?.ensureMinNodeVersion) {
+    extraSteps.push({
+      'node/install': {
+        'install-yarn': true,
+        // Currently using Node 22.22.1 as minimum supported version for Angular sandboxes
+        'node-version': '22.22.1',
+      },
+    });
+  }
+
+  return extraSteps;
+}
+
 function defineSandboxJob_build({
   directory,
   name,
@@ -36,6 +54,7 @@ function defineSandboxJob_build({
         class: 'large',
       },
       steps: [
+        ...getSandboxSetupSteps(template),
         ...workflow.restoreLinux(),
         {
           run: {
@@ -75,6 +94,7 @@ function defineSandboxJob_dev({
             class: 'large',
           },
       steps: [
+        ...getSandboxSetupSteps(template),
         ...workflow.restoreLinux(),
         ...(options.e2e
           ? [
@@ -130,6 +150,7 @@ export function defineSandboxFlow<Key extends string>(key: Key) {
         class: 'large',
       },
       steps: [
+        ...getSandboxSetupSteps(key),
         ...workflow.restoreLinux(),
         verdaccio.start(),
         {
@@ -219,6 +240,7 @@ export function defineSandboxFlow<Key extends string>(key: Key) {
         class: 'medium',
       },
       steps: [
+        ...getSandboxSetupSteps(key),
         'checkout', // we need the full git history for chromatic
         workspace.attach(),
         cache.attach(CACHE_KEYS()),
@@ -250,6 +272,7 @@ export function defineSandboxFlow<Key extends string>(key: Key) {
         class: 'medium',
       },
       steps: [
+        ...getSandboxSetupSteps(key),
         ...workflow.restoreLinux(),
         {
           run: {
@@ -270,6 +293,7 @@ export function defineSandboxFlow<Key extends string>(key: Key) {
         class: 'xlarge',
       },
       steps: [
+        ...getSandboxSetupSteps(key),
         ...workflow.restoreLinux(),
         {
           run: {
@@ -302,6 +326,7 @@ export function defineSandboxFlow<Key extends string>(key: Key) {
         class: 'medium',
       },
       steps: [
+        ...getSandboxSetupSteps(key),
         ...workflow.restoreLinux(),
         {
           run: {
@@ -351,6 +376,7 @@ export function defineSandboxTestRunner(sandbox: ReturnType<typeof defineSandbox
         class: 'medium',
       },
       steps: [
+        ...getSandboxSetupSteps(sandbox.name),
         ...workflow.restoreLinux(),
         {
           run: {
diff --git a/scripts/ci/utils/executors.ts b/scripts/ci/utils/executors.ts
index a342eac36c30..4644297c9a7b 100644
--- a/scripts/ci/utils/executors.ts
+++ b/scripts/ci/utils/executors.ts
@@ -7,7 +7,7 @@ export const executors = {
         environment: {
           NODE_OPTIONS: '--max_old_space_size=6144',
         },
-        image: 'cimg/node:22.15.0-browsers',
+        image: 'cimg/node:22.22.1-browsers',
       },
     ],
     parameters: {
@@ -27,7 +27,7 @@ export const executors = {
         environment: {
           NODE_OPTIONS: '--max_old_space_size=6144',
         },
-        image: 'cimg/node:22.15.0',
+        image: 'cimg/node:22.22.1',
       },
     ],
     parameters: {
@@ -47,7 +47,7 @@ export const executors = {
         environment: {
           NODE_OPTIONS: '--max_old_space_size=6144',
         },
-        image: 'mcr.microsoft.com/playwright:v1.52.0-noble',
+        image: 'mcr.microsoft.com/playwright:v1.58.2-noble',
       },
     ],
     parameters: {
diff --git a/scripts/package.json b/scripts/package.json
index 46065ad6d5ef..34ed7b535fb7 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -144,8 +144,8 @@
     "p-limit": "^7.2.0",
     "p-retry": "^7.1.0",
     "picocolors": "^1.1.0",
-    "playwright": "1.52.0",
-    "playwright-core": "1.52.0",
+    "playwright": "1.58.2",
+    "playwright-core": "1.58.2",
     "polka": "^1.0.0-next.28",
     "prettier": "^3.7.1",
     "prettier-plugin-brace-style": "^0.8.1",
diff --git a/scripts/utils/yarn.ts b/scripts/utils/yarn.ts
index 16015b518f81..0ceb30803291 100644
--- a/scripts/utils/yarn.ts
+++ b/scripts/utils/yarn.ts
@@ -37,9 +37,9 @@ export const addPackageResolutions = async ({ cwd, dryRun }: YarnOptions) => {
     ...packageJson.resolutions,
     ...storybookVersions,
     // this is for our CI test, ensure we use the same version as docker image, it should match version specified in `./code/package.json` and `.circleci/config.yml`
-    playwright: '1.52.0',
-    'playwright-core': '1.52.0',
-    '@playwright/test': '1.52.0',
+    playwright: '1.58.2',
+    'playwright-core': '1.58.2',
+    '@playwright/test': '1.58.2',
   };
   await writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2));
 };
diff --git a/test-storybooks/portable-stories-kitchen-sink/react-vitest-3/package.json b/test-storybooks/portable-stories-kitchen-sink/react-vitest-3/package.json
index ebaa7cd0f087..0a6d58169e9d 100644
--- a/test-storybooks/portable-stories-kitchen-sink/react-vitest-3/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/react-vitest-3/package.json
@@ -12,7 +12,7 @@
     "vitest": "SKIP_FAIL_ON_PURPOSE=true vitest run"
   },
   "resolutions": {
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.58.2",
     "@storybook/addon-a11y": "file:../../../code/addons/a11y",
     "@storybook/addon-docs": "file:../../../code/addons/docs",
     "@storybook/addon-jest": "file:../../../code/addons/jest",
@@ -47,7 +47,7 @@
     "@storybook/web-components": "file:../../../code/renderers/web-components",
     "@storybook/web-components-vite": "file:../../../code/frameworks/web-components-vite",
     "eslint-plugin-storybook": "file:../../../code/lib/eslint-plugin",
-    "playwright": "1.52.0",
+    "playwright": "1.58.2",
     "storybook": "portal:../../../code/core"
   },
   "dependencies": {
@@ -55,7 +55,7 @@
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.58.2",
     "@storybook/addon-a11y": "^8.0.0",
     "@storybook/addon-vitest": "^8.0.0",
     "@storybook/react": "^8.0.0",
diff --git a/test-storybooks/portable-stories-kitchen-sink/react/package.json b/test-storybooks/portable-stories-kitchen-sink/react/package.json
index 24835d2fb05d..59991571370c 100644
--- a/test-storybooks/portable-stories-kitchen-sink/react/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/react/package.json
@@ -16,7 +16,7 @@
     "vitest": "SKIP_FAIL_ON_PURPOSE=true vitest run"
   },
   "resolutions": {
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.58.2",
     "@storybook/addon-a11y": "file:../../../code/addons/a11y",
     "@storybook/addon-docs": "file:../../../code/addons/docs",
     "@storybook/addon-links": "file:../../../code/addons/links",
@@ -50,7 +50,7 @@
     "@storybook/web-components": "file:../../../code/renderers/web-components",
     "@storybook/web-components-vite": "file:../../../code/frameworks/web-components-vite",
     "eslint-plugin-storybook": "file:../../../code/lib/eslint-plugin",
-    "playwright": "1.52.0",
+    "playwright": "1.58.2",
     "storybook": "portal:../../../code/core"
   },
   "dependencies": {
@@ -58,8 +58,8 @@
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-react": "1.52.0",
-    "@playwright/test": "1.52.0",
+    "@playwright/experimental-ct-react": "1.58.2",
+    "@playwright/test": "1.58.2",
     "@storybook/addon-a11y": "^10.0.0",
     "@storybook/addon-vitest": "^10.0.0",
     "@storybook/react": "^10.0.0",
diff --git a/test-storybooks/portable-stories-kitchen-sink/svelte/package.json b/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
index e351a866665f..5f41275af50f 100644
--- a/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
@@ -14,7 +14,7 @@
     "vitest": "vitest"
   },
   "resolutions": {
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.58.2",
     "@storybook/addon-a11y": "portal:../../../code/addons/a11y",
     "@storybook/addon-docs": "portal:../../../code/addons/docs",
     "@storybook/addon-links": "portal:../../../code/addons/links",
@@ -46,11 +46,11 @@
     "@storybook/vue3-vite": "portal:../../../code/frameworks/vue3-vite",
     "@storybook/web-components": "portal:../../../code/renderers/web-components",
     "@storybook/web-components-vite": "portal:../../../code/frameworks/web-components-vite",
-    "playwright": "1.52.0",
+    "playwright": "1.58.2",
     "storybook": "portal:../../../code/core"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-svelte": "1.52.0",
+    "@playwright/experimental-ct-svelte": "1.58.2",
     "@storybook/svelte": "9.0.0-alpha.0",
     "@storybook/svelte-vite": "9.0.0-alpha.0",
     "@sveltejs/vite-plugin-svelte": "^6.2.0",
diff --git a/test-storybooks/portable-stories-kitchen-sink/vue3/package.json b/test-storybooks/portable-stories-kitchen-sink/vue3/package.json
index fe78b5c5f255..8f7bf135e7de 100644
--- a/test-storybooks/portable-stories-kitchen-sink/vue3/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/vue3/package.json
@@ -15,7 +15,7 @@
     "vitest": "echo 'Vitest tests are implemented in the renderer directory instead!'"
   },
   "resolutions": {
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.58.2",
     "@storybook/addon-a11y": "file:../../../code/addons/a11y",
     "@storybook/addon-docs": "file:../../../code/addons/docs",
     "@storybook/addon-links": "file:../../../code/addons/links",
@@ -48,14 +48,14 @@
     "@storybook/web-components": "file:../../../code/renderers/web-components",
     "@storybook/web-components-vite": "file:../../../code/frameworks/web-components-vite",
     "eslint-plugin-storybook": "file:../../../code/lib/eslint-plugin",
-    "playwright": "1.52.0",
+    "playwright": "1.58.2",
     "storybook": "file:../../../code/core"
   },
   "dependencies": {
     "vue": "^3.4.19"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-vue": "1.52.0",
+    "@playwright/experimental-ct-vue": "1.58.2",
     "@storybook/vue3": "^8.0.0",
     "@storybook/vue3-vite": "^8.0.0",
     "@testing-library/jest-dom": "^6.6.3",
diff --git a/test-storybooks/yarn-pnp/package.json b/test-storybooks/yarn-pnp/package.json
index 9cc1347e1290..2f935ee231e6 100644
--- a/test-storybooks/yarn-pnp/package.json
+++ b/test-storybooks/yarn-pnp/package.json
@@ -11,7 +11,7 @@
     "storybook": "storybook dev -p 6006"
   },
   "resolutions": {
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.58.2",
     "@storybook/addon-a11y": "file:../../code/addons/a11y",
     "@storybook/addon-docs": "file:../../code/addons/docs",
     "@storybook/addon-links": "file:../../code/addons/links",
@@ -45,7 +45,7 @@
     "@storybook/web-components": "file:../../code/renderers/web-components",
     "@storybook/web-components-vite": "file:../../code/frameworks/web-components-vite",
     "eslint-plugin-storybook": "file:../../code/lib/eslint-plugin",
-    "playwright": "1.52.0",
+    "playwright": "1.58.2",
     "storybook": "file:../../code/core"
   },
   "dependencies": {
diff --git a/yarn.lock b/yarn.lock
index b110c5490ab1..1600af9539c8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4970,14 +4970,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@playwright/test@npm:1.52.0":
-  version: 1.52.0
-  resolution: "@playwright/test@npm:1.52.0"
+"@playwright/test@npm:1.58.2":
+  version: 1.58.2
+  resolution: "@playwright/test@npm:1.58.2"
   dependencies:
-    playwright: "npm:1.52.0"
+    playwright: "npm:1.58.2"
   bin:
     playwright: cli.js
-  checksum: 10c0/1c428b421593eb4f79b7c99783a389c3ab3526c9051ec772749f4fca61414dfa9f2344eba846faac5f238084aa96c836364a91d81d3034ac54924f239a93e247
+  checksum: 10c0/2164c03ad97c3653ff02e8818a71f3b2bbc344ac07924c9d8e31cd57505d6d37596015a41f51396b3ed8de6840f59143eaa9c21bf65515963da20740119811da
   languageName: node
   linkType: hard
 
@@ -7914,7 +7914,7 @@ __metadata:
   resolution: "@storybook/code@workspace:code"
   dependencies:
     "@chromatic-com/storybook": "npm:^5.0.0"
-    "@playwright/test": "npm:1.52.0"
+    "@playwright/test": "npm:1.58.2"
     "@storybook/addon-a11y": "workspace:*"
     "@storybook/addon-designs": "npm:^11.0.3"
     "@storybook/addon-docs": "workspace:*"
@@ -8452,7 +8452,7 @@ __metadata:
   resolution: "@storybook/root@workspace:."
   dependencies:
     "@nx/workspace": "npm:^22.1.3"
-    "@playwright/test": "npm:^1.52.0"
+    "@playwright/test": "npm:^1.58.2"
     "@types/kill-port": "npm:^2.0.3"
     http-server: "npm:^14.1.1"
     jiti: "npm:^2.6.1"
@@ -8555,8 +8555,8 @@ __metadata:
     p-limit: "npm:^7.2.0"
     p-retry: "npm:^7.1.0"
     picocolors: "npm:^1.1.0"
-    playwright: "npm:1.52.0"
-    playwright-core: "npm:1.52.0"
+    playwright: "npm:1.58.2"
+    playwright-core: "npm:1.58.2"
     polka: "npm:^1.0.0-next.28"
     prettier: "npm:^3.7.1"
     prettier-plugin-brace-style: "npm:^0.8.1"
@@ -8646,7 +8646,7 @@ __metadata:
     typescript: "npm:^5.9.3"
     vite: "npm:^7.0.4"
   peerDependencies:
-    "@sveltejs/vite-plugin-svelte": ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0
+    "@sveltejs/vite-plugin-svelte": ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
     storybook: "workspace:^"
     svelte: ^5.0.0
     vite: ^5.0.0 || ^6.0.0 || ^7.0.0
@@ -24653,27 +24653,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"playwright-core@npm:1.52.0":
-  version: 1.52.0
-  resolution: "playwright-core@npm:1.52.0"
+"playwright-core@npm:1.58.2":
+  version: 1.58.2
+  resolution: "playwright-core@npm:1.58.2"
   bin:
     playwright-core: cli.js
-  checksum: 10c0/640945507e6ca2144e9f596b2a6ecac042c2fd3683ff99e6271e9a7b38f3602d415f282609d569456f66680aab8b3c5bb1b257d8fb63a7fc0ed648261110421f
+  checksum: 10c0/5aa15b2b764e6ffe738293a09081a6f7023847a0dbf4cd05fe10eed2e25450d321baf7482f938f2d2eb330291e197fa23e57b29a5b552b89927ceb791266225b
   languageName: node
   linkType: hard
 
-"playwright@npm:1.52.0":
-  version: 1.52.0
-  resolution: "playwright@npm:1.52.0"
+"playwright@npm:1.58.2":
+  version: 1.58.2
+  resolution: "playwright@npm:1.58.2"
   dependencies:
     fsevents: "npm:2.3.2"
-    playwright-core: "npm:1.52.0"
+    playwright-core: "npm:1.58.2"
   dependenciesMeta:
     fsevents:
       optional: true
   bin:
     playwright: cli.js
-  checksum: 10c0/2c6edf1e15e59bbaf77f3fa0fe0ac975793c17cff835d9c8b8bc6395a3b6f1c01898b3058ab37891b2e4d424bcc8f1b4844fe70d943e0143d239d7451408c579
+  checksum: 10c0/d060d9b7cc124bd8b5dffebaab5e84f6b34654a553758fe7b19cc598dfbee93f6ecfbdc1832b40a6380ae04eade86ef3285ba03aa0b136799e83402246dc0727
   languageName: node
   linkType: hard