diff --git a/package.json b/package.json
index 4748c0ee1d..21def338c9 100644
--- a/package.json
+++ b/package.json
@@ -80,10 +80,10 @@
     "@justeattakeaway/stylelint-config-pie": "0.8.0",
     "@percy/cli": "1.29.3",
     "@percy/playwright": "1.0.6",
-    "@playwright/experimental-ct-react": "1.41.0",
-    "@playwright/test": "1.41.0",
+    "@playwright/experimental-ct-react": "1.49.1",
+    "@playwright/test": "1.49.1",
     "@rollup/plugin-node-resolve": "15.1.0",
-    "@sand4rt/experimental-ct-web": "1.41.0",
+    "@sand4rt/experimental-ct-web": "1.49.1",
     "@types/node": "20.4.8",
     "@types/react": "18.3.11",
     "@typescript-eslint/eslint-plugin": "5.62.0",
@@ -139,6 +139,6 @@
   "resolutions": {
     "lit": "3.2.0",
     "tar": "6.2.1",
-    "@playwright/experimental-ct-core": "1.41.0"
+    "@playwright/experimental-ct-core": "1.49.1"
   }
 }
diff --git a/packages/components/pie-modal/test/component/pie-modal.spec.ts b/packages/components/pie-modal/test/component/pie-modal.spec.ts
index 6a145a4685..fb205cdde8 100644
--- a/packages/components/pie-modal/test/component/pie-modal.spec.ts
+++ b/packages/components/pie-modal/test/component/pie-modal.spec.ts
@@ -6,19 +6,23 @@ import {
 import { ModalComponent } from 'test/helpers/page-object/pie-modal.page.ts';
 import { PieButton } from '@justeattakeaway/pie-button';
 import { PieTextInput } from '@justeattakeaway/pie-text-input';
-import { createScrollablePageHTML, renderTestPieModal } from '../helpers/index.ts';
+import { renderTestPieModal } from '../helpers/index.ts';
 
 import { PieModal } from '../../src/index.ts';
-import {
-    ON_MODAL_BACK_EVENT,
-    ON_MODAL_CLOSE_EVENT,
-    ON_MODAL_LEADING_ACTION_CLICK,
-    ON_MODAL_SUPPORTING_ACTION_CLICK,
-    headingLevels,
-} from '../../src/defs.ts';
+import { headingLevels } from '../../src/defs.ts';
 
 let modalComponent: ModalComponent;
 
+const createScrollablePageHTML = () => `<div>
+        <h1>Test Page</h1>
+        <p>Top of page copy</p>
+        <p> Test copy </p>
+        <ol>
+            ${'<li>List item</li>'.repeat(200)}
+            <li>Bottom of page copy</li>
+        </ol>
+    </div>`;
+
 test.describe('modal', () => {
     test.beforeEach(async ({ page, mount }) => {
         modalComponent = new ModalComponent(page);
@@ -98,7 +102,7 @@ test.describe('modal', () => {
                             isDismissible: true,
                         },
                         on: {
-                            [ON_MODAL_CLOSE_EVENT]: (event: Event) => events.push(event),
+                            'pie-modal-close': (event: Event) => events.push(event),
                         },
                     },
                 );
@@ -140,7 +144,7 @@ test.describe('modal', () => {
                             hasBackButton: true,
                         },
                         on: {
-                            [ON_MODAL_BACK_EVENT]: (event: Event) => events.push(event),
+                            'pie-modal-back': (event: Event) => events.push(event),
                         },
                     },
                 );
@@ -164,7 +168,7 @@ test.describe('modal', () => {
                         isDismissible: true,
                     },
                     on: {
-                        [ON_MODAL_CLOSE_EVENT]: (event: Event) => events.push(event),
+                        'pie-modal-close': (event: Event) => events.push(event),
                     },
                 });
 
@@ -654,8 +658,8 @@ test.describe('modal', () => {
                             },
                         },
                         on: {
-                            [ON_MODAL_LEADING_ACTION_CLICK]: (event: Event) => events.push({ eventObject: event, eventName: 'leading' }),
-                            [ON_MODAL_SUPPORTING_ACTION_CLICK]: (event: Event) => events.push({ eventObject: event, eventName: 'supporting' }),
+                            'pie-modal-leading-action-click': (event: Event) => events.push({ eventObject: event, eventName: 'leading' }),
+                            'pie-modal-supporting-action-click': (event: Event) => events.push({ eventObject: event, eventName: 'supporting' }),
                         },
                     });
 
@@ -840,7 +844,7 @@ test.describe('modal', () => {
         });
 
         // Act
-        await page.locator('[data-test-id="submit-button"]').click();
+        await page.getByTestId('submit-button').click();
         const isModalVisible = await modalComponent.isModalVisible();
 
         // Assert
diff --git a/packages/components/pie-modal/test/helpers/index.ts b/packages/components/pie-modal/test/helpers/index.ts
index e8ae0c9d53..17a823edc1 100644
--- a/packages/components/pie-modal/test/helpers/index.ts
+++ b/packages/components/pie-modal/test/helpers/index.ts
@@ -18,14 +18,3 @@ export const renderTestPieModal = ({
         ${returnFocusAfterCloseSelector ? `returnFocusAfterCloseSelector=${returnFocusAfterCloseSelector}` : ''}
         size="${size}">
     </pie-modal>`;
-
-// Creates some test page markup to test scroll locking
-export const createScrollablePageHTML = () => `<div>
-        <h1>Test Page</h1>
-        <p>Top of page copy</p>
-        <p> Test copy </p>
-        <ol>
-            ${'<li>List item</li>'.repeat(200)}
-            <li>Bottom of page copy</li>
-        </ol>
-    </div>`;
diff --git a/packages/components/pie-notification/test/component/pie-notification.spec.ts b/packages/components/pie-notification/test/component/pie-notification.spec.ts
index b3a0c919c3..de641b144d 100644
--- a/packages/components/pie-notification/test/component/pie-notification.spec.ts
+++ b/packages/components/pie-notification/test/component/pie-notification.spec.ts
@@ -44,7 +44,7 @@ test.describe('PieNotification - Component tests', () => {
         const notification = page.locator(componentSelector);
 
         // Assert
-        expect(notification).toBeVisible();
+        await expect(notification).toBeVisible();
     });
 
     test.describe('Props', () => {
@@ -62,7 +62,7 @@ test.describe('PieNotification - Component tests', () => {
                     const notification = page.locator(componentSelector);
 
                     // Assert
-                    expect(notification).toBeVisible();
+                    await expect(notification).toBeVisible();
                 });
             });
 
@@ -79,8 +79,8 @@ test.describe('PieNotification - Component tests', () => {
                 const icon = page.locator(headingIconInfoSelector);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(icon).toBeVisible();
+                await expect(notification).toBeVisible();
+                await expect(icon).toBeVisible();
             });
 
             test('should render icon-success when variant is success', async ({ mount, page }) => {
@@ -96,8 +96,8 @@ test.describe('PieNotification - Component tests', () => {
                 const icon = page.locator(headingIconSuccessSelector);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(icon).toBeVisible();
+                await expect(notification).toBeVisible();
+                await expect(icon).toBeVisible();
             });
 
             test('should render icon-warning when variant is warning', async ({ mount, page }) => {
@@ -113,8 +113,8 @@ test.describe('PieNotification - Component tests', () => {
                 const icon = page.locator(headingIconWarningSelector);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(icon).toBeVisible();
+                await expect(notification).toBeVisible();
+                await expect(icon).toBeVisible();
             });
 
             test('should render icon-error when variant is error', async ({ mount, page }) => {
@@ -130,8 +130,8 @@ test.describe('PieNotification - Component tests', () => {
                 const icon = page.locator(headingIconErrorSelector);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(icon).toBeVisible();
+                await expect(notification).toBeVisible();
+                await expect(icon).toBeVisible();
             });
         });
 
@@ -147,8 +147,8 @@ test.describe('PieNotification - Component tests', () => {
                 const iconClose = page.locator(iconCloseSelector);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(iconClose).not.toBeVisible();
+                await expect(notification).toBeVisible();
+                await expect(iconClose).not.toBeVisible();
             });
         });
 
@@ -164,9 +164,9 @@ test.describe('PieNotification - Component tests', () => {
                 const heading = page.locator(`h2${headingSelector}`);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(heading).toBeVisible();
-                expect(heading).toHaveText('Title');
+                await expect(notification).toBeVisible();
+                await expect(heading).toBeVisible();
+                await expect(heading).toHaveText('Title');
             });
         });
 
@@ -186,8 +186,8 @@ test.describe('PieNotification - Component tests', () => {
                         const heading = page.locator(`${headingLevel}${headingSelector}`);
 
                         // Assert
-                        expect(heading).toBeVisible();
-                        expect(heading).toHaveText(`Title using ${headingLevel}`);
+                        await expect(heading).toBeVisible();
+                        await expect(heading).toHaveText(`Title using ${headingLevel}`);
                     });
                 });
             });
@@ -206,13 +206,16 @@ test.describe('PieNotification - Component tests', () => {
                     });
 
                     // Act
-                    const notification = page.locator(componentSelector);
-                    const iconSelector = page.locator(`[data-test-id="${rootSelector}-heading-icon-${variant}"]`);
+                    const notification = await page.locator(componentSelector);
+                    const iconSelector = await page.locator(`[data-test-id="${rootSelector}-heading-icon-${variant}"]`);
 
                     // Assert
-                    expect(notification).toBeVisible();
-                    expect(notification).toHaveAttribute('variant', variant);
-                    expect(iconSelector).not.toBeVisible();
+                    await expect(notification).toBeVisible();
+
+                    // TODO: DSW-2380 - Refactor back to using toHaveAttribute once we're using native Playwright package
+                    const classNameRegex = new RegExp(`c-notification--${variant}`);
+                    await expect(notification).toHaveClass(classNameRegex);
+                    await expect(iconSelector).not.toBeVisible();
                 });
             });
         });
@@ -231,8 +234,8 @@ test.describe('PieNotification - Component tests', () => {
                 const iconClose = page.locator(iconCloseSelector);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(iconClose).not.toBeVisible();
+                await expect(notification).toBeVisible();
+                await expect(iconClose).not.toBeVisible();
             });
 
             test('should not show the close icon if isDismissible is false and isCompact is false', async ({ mount, page }) => {
@@ -249,8 +252,8 @@ test.describe('PieNotification - Component tests', () => {
                 const iconClose = page.locator(iconCloseSelector);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(iconClose).not.toBeVisible();
+                await expect(notification).toBeVisible();
+                await expect(iconClose).not.toBeVisible();
             });
 
             test('should not show the close icon if isDismissible is true and isCompact is true', async ({ mount, page }) => {
@@ -267,8 +270,8 @@ test.describe('PieNotification - Component tests', () => {
                 const iconClose = page.locator(iconCloseSelector);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(iconClose).not.toBeVisible();
+                await expect(notification).toBeVisible();
+                await expect(iconClose).not.toBeVisible();
             });
 
             test('should show the close icon if isDismissible is true', async ({ mount, page }) => {
@@ -284,8 +287,8 @@ test.describe('PieNotification - Component tests', () => {
                 const iconClose = page.locator(iconCloseSelector);
 
                 // Assert
-                expect(notification).toBeVisible();
-                expect(iconClose).toBeVisible();
+                await expect(notification).toBeVisible();
+                await expect(iconClose).toBeVisible();
             });
         });
 
@@ -309,8 +312,8 @@ test.describe('PieNotification - Component tests', () => {
                     const footer = page.locator(footerSelector);
 
                     // Assert
-                    expect(notification).toBeVisible();
-                    expect(footer).not.toBeVisible();
+                    await expect(notification).toBeVisible();
+                    await expect(footer).not.toBeVisible();
                 });
 
                 test('should show the footer if leadingAction is provided', async ({ mount, page }) => {
@@ -328,9 +331,9 @@ test.describe('PieNotification - Component tests', () => {
                     const actionLeading = page.locator(leadingActionSelector);
 
                     // Assert
-                    expect(notification).toBeVisible();
-                    expect(footer).toBeVisible();
-                    expect(actionLeading).toBeVisible();
+                    await expect(notification).toBeVisible();
+                    await expect(footer).toBeVisible();
+                    await expect(actionLeading).toBeVisible();
                 });
             });
 
@@ -351,10 +354,10 @@ test.describe('PieNotification - Component tests', () => {
                     const actionSupporting = page.locator(supportingActionSelector);
 
                     // Assert
-                    expect(notification).toBeVisible();
-                    expect(footer).not.toBeVisible();
-                    expect(actionLeading).not.toBeVisible();
-                    expect(actionSupporting).not.toBeVisible();
+                    await expect(notification).toBeVisible();
+                    await expect(footer).not.toBeVisible();
+                    await expect(actionLeading).not.toBeVisible();
+                    await expect(actionSupporting).not.toBeVisible();
                 });
 
                 test('should the leadingAction and supportingAction when both are provided', async ({ mount, page }) => {
@@ -374,10 +377,10 @@ test.describe('PieNotification - Component tests', () => {
                     const actionSupporting = page.locator(supportingActionSelector);
 
                     // Assert
-                    expect(notification).toBeVisible();
-                    expect(footer).toBeVisible();
-                    expect(actionLeading).toBeVisible();
-                    expect(actionSupporting).toBeVisible();
+                    await expect(notification).toBeVisible();
+                    await expect(footer).toBeVisible();
+                    await expect(actionLeading).toBeVisible();
+                    await expect(actionSupporting).toBeVisible();
                 });
             });
 
@@ -401,15 +404,15 @@ test.describe('PieNotification - Component tests', () => {
                     const actionSupporting = page.locator(supportingActionSelector);
 
                     // Assert
-                    expect(notification).toBeVisible();
-                    expect(footer).toBeVisible();
-                    expect(actionLeading).toBeVisible();
-                    expect(actionSupporting).toBeVisible();
+                    await expect(notification).toBeVisible();
+                    await expect(footer).toBeVisible();
+                    await expect(actionLeading).toBeVisible();
+                    await expect(actionSupporting).toBeVisible();
 
-                    expect(footer).toHaveCSS('flex-direction', 'column-reverse');
+                    await expect(footer).toHaveCSS('flex-direction', 'column-reverse');
                     // 295px is the size of the button when the viewport size is 375px
-                    expect(actionLeading).toHaveCSS('width', '295px');
-                    expect(actionSupporting).toHaveCSS('width', '295px');
+                    await expect(actionLeading).toHaveCSS('width', '295px');
+                    await expect(actionSupporting).toHaveCSS('width', '295px');
                 });
 
                 test('should not stack buttons on large screens', async ({ mount, page }) => {
@@ -431,12 +434,12 @@ test.describe('PieNotification - Component tests', () => {
                     const actionSupporting = page.locator(supportingActionSelector);
 
                     // Assert
-                    expect(notification).toBeVisible();
-                    expect(footer).toBeVisible();
-                    expect(actionLeading).toBeVisible();
-                    expect(actionSupporting).toBeVisible();
+                    await expect(notification).toBeVisible();
+                    await expect(footer).toBeVisible();
+                    await expect(actionLeading).toBeVisible();
+                    await expect(actionSupporting).toBeVisible();
 
-                    expect(footer).toHaveCSS('flex-direction', 'row');
+                    await expect(footer).toHaveCSS('flex-direction', 'row');
                 });
             });
         });
@@ -468,8 +471,8 @@ test.describe('PieNotification - Component tests', () => {
                     const heading = await page.locator(`h2${headingSelector}`);
 
                     // Act & Assert
-                    expect(notification).toHaveAttribute('aria-label', ariaLabel);
-                    expect(heading).not.toBeVisible();
+                    await expect(notification).toHaveAttribute('aria-label', ariaLabel);
+                    await expect(heading).not.toBeVisible();
                 });
 
                 test('should be ignored if heading is provided as the title will be used as the region title', async ({ mount, page }) => {
@@ -488,8 +491,8 @@ test.describe('PieNotification - Component tests', () => {
                     const heading = await page.locator(`h2${headingSelector}`);
 
                     // Act & Assert
-                    expect(notification).not.toHaveAttribute('aria-label', ariaLabel);
-                    expect(heading).toBeVisible();
+                    await expect(notification).not.toHaveAttribute('aria-label', ariaLabel);
+                    await expect(heading).toBeVisible();
                 });
             });
 
@@ -509,7 +512,7 @@ test.describe('PieNotification - Component tests', () => {
                     const notification = await page.locator(componentSelector);
 
                     // Act & Assert
-                    expect(notification).toHaveAttribute('aria-labelledby', `${rootSelector}-heading`);
+                    await expect(notification).toHaveAttribute('aria-labelledby', `${rootSelector}-heading`);
                 });
 
                 test('should be ignored if heading is not provided', async ({ mount, page }) => {
@@ -526,7 +529,7 @@ test.describe('PieNotification - Component tests', () => {
                     const notification = await page.locator(componentSelector);
 
                     // Act & Assert
-                    expect(notification).not.toHaveAttribute('aria-labelledby', `${rootSelector}-heading`);
+                    await expect(notification).not.toHaveAttribute('aria-labelledby', `${rootSelector}-heading`);
                 });
             });
 
@@ -538,7 +541,7 @@ test.describe('PieNotification - Component tests', () => {
                     const notification = await page.locator(componentSelector);
 
                     // Act & Assert
-                    expect(notification).toHaveAttribute('aria-live', 'polite');
+                    await expect(notification).toHaveAttribute('aria-live', 'polite');
                 });
 
                 test('should be set to `assertive` for the error variant', async ({ mount, page }) => {
@@ -552,7 +555,7 @@ test.describe('PieNotification - Component tests', () => {
                     const notification = await page.locator(componentSelector);
 
                     // Act & Assert
-                    expect(notification).toHaveAttribute('aria-live', 'assertive');
+                    await expect(notification).toHaveAttribute('aria-live', 'assertive');
                 });
             });
         });
@@ -573,9 +576,9 @@ test.describe('PieNotification - Component tests', () => {
             const slottedIcon = page.locator(slottedIconSelector);
 
             // Assert
-            expect(notification).toBeVisible();
-            expect(slottedIcon).toBeVisible();
-            expect(slottedIcon).toHaveText('Mocked Icon Slot');
+            await expect(notification).toBeVisible();
+            await expect(slottedIcon).toBeVisible();
+            await expect(slottedIcon).toHaveText('Mocked Icon Slot');
         });
     });
 });
diff --git a/packages/components/pie-switch/test/component/pie-switch.spec.ts b/packages/components/pie-switch/test/component/pie-switch.spec.ts
index 5e80fa1c5e..28c0628da9 100644
--- a/packages/components/pie-switch/test/component/pie-switch.spec.ts
+++ b/packages/components/pie-switch/test/component/pie-switch.spec.ts
@@ -3,7 +3,6 @@ import { PieSwitch } from '../../src/index.ts';
 import {
     type SwitchProps,
     labelPlacements,
-    ON_SWITCH_CHANGED_EVENT,
 } from '../../src/defs.ts';
 
 const componentSelector = '[data-test-id="switch-component"]';
@@ -101,7 +100,7 @@ test.describe('Component: `Pie switch`', () => {
                 let eventHeard = false;
                 await mount(PieSwitch, {
                     on: {
-                        [ON_SWITCH_CHANGED_EVENT]: () => {
+                        change: () => {
                             eventHeard = true;
                         },
                     },
@@ -158,7 +157,7 @@ test.describe('Component: `Pie switch`', () => {
                 let eventHeard = false;
                 await mount(PieSwitch, {
                     on: {
-                        [ON_SWITCH_CHANGED_EVENT]: () => {
+                        change: () => {
                             eventHeard = true;
                         },
                     },
diff --git a/packages/components/pie-thumbnail/test/accessibility/pie-thumbnail.spec.ts b/packages/components/pie-thumbnail/test/accessibility/pie-thumbnail.spec.ts
index dcf061762b..b21bfc9ae5 100644
--- a/packages/components/pie-thumbnail/test/accessibility/pie-thumbnail.spec.ts
+++ b/packages/components/pie-thumbnail/test/accessibility/pie-thumbnail.spec.ts
@@ -1,6 +1,5 @@
 import { test, expect } from '@justeattakeaway/pie-webc-testing/src/playwright/playwright-fixtures.ts';
 import { BasePage } from '@justeattakeaway/pie-webc-testing/src/helpers/page-object/base-page.ts';
-import { PieThumbnail } from '../../src/index.ts';
 
 test.describe('PieThumbnail - Accessibility tests', () => {
     test('a11y - should test the PieThumbnail component WCAG compliance', async ({ page, makeAxeBuilder }) => {
diff --git a/packages/components/pie-thumbnail/test/component/pie-thumbnail.spec.ts b/packages/components/pie-thumbnail/test/component/pie-thumbnail.spec.ts
index 56ba0d37f1..6e9ce0a166 100644
--- a/packages/components/pie-thumbnail/test/component/pie-thumbnail.spec.ts
+++ b/packages/components/pie-thumbnail/test/component/pie-thumbnail.spec.ts
@@ -15,6 +15,6 @@ test.describe('PieThumbnail - Component tests', () => {
         const thumbnail = page.locator(componentSelector);
 
         // Assert
-        expect(thumbnail).toBeVisible();
+        await expect(thumbnail).toBeVisible();
     });
 });
diff --git a/yarn.lock b/yarn.lock
index 70eb806ffc..b2e852606b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -763,7 +763,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.12.3, @babel/core@npm:^7.19.6, @babel/core@npm:^7.22.5, @babel/core@npm:^7.24.5, @babel/core@npm:^7.25.2":
+"@babel/core@npm:^7.12.3, @babel/core@npm:^7.19.6, @babel/core@npm:^7.22.5, @babel/core@npm:^7.24.5, @babel/core@npm:^7.26.0":
   version: 7.26.0
   resolution: "@babel/core@npm:7.26.0"
   dependencies:
@@ -2087,7 +2087,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-jsx-self@npm:^7.24.5, @babel/plugin-transform-react-jsx-self@npm:^7.24.7":
+"@babel/plugin-transform-react-jsx-self@npm:^7.24.5, @babel/plugin-transform-react-jsx-self@npm:^7.25.9":
   version: 7.25.9
   resolution: "@babel/plugin-transform-react-jsx-self@npm:7.25.9"
   dependencies:
@@ -2098,7 +2098,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-jsx-source@npm:^7.24.1, @babel/plugin-transform-react-jsx-source@npm:^7.24.7":
+"@babel/plugin-transform-react-jsx-source@npm:^7.24.1, @babel/plugin-transform-react-jsx-source@npm:^7.25.9":
   version: 7.25.9
   resolution: "@babel/plugin-transform-react-jsx-source@npm:7.25.9"
   dependencies:
@@ -6443,39 +6443,37 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@playwright/experimental-ct-core@npm:1.41.0":
-  version: 1.41.0
-  resolution: "@playwright/experimental-ct-core@npm:1.41.0"
+"@playwright/experimental-ct-core@npm:1.49.1":
+  version: 1.49.1
+  resolution: "@playwright/experimental-ct-core@npm:1.49.1"
   dependencies:
-    playwright: 1.41.0
-    playwright-core: 1.41.0
-    vite: ^4.4.12
-  bin:
-    playwright: cli.js
-  checksum: fe602b6e590a18f56b16e3b82b4958e2ff65469f8b1fb461315b19f3cd65d54740506ac7fcea24481c10560f2d1162c762fa8fcef4d6e24eabba8a3247b94cc2
+    playwright: 1.49.1
+    playwright-core: 1.49.1
+    vite: ^5.2.8
+  checksum: 63902b13b5a0f23da6e0141b21e12a4d1892e4a60ff5f71adcb82980b4652a3e4c320d5835c0dadb053ee673a7196dc7f802c6226efbdb66b7f86531bbe437b9
   languageName: node
   linkType: hard
 
-"@playwright/experimental-ct-react@npm:1.41.0":
-  version: 1.41.0
-  resolution: "@playwright/experimental-ct-react@npm:1.41.0"
+"@playwright/experimental-ct-react@npm:1.49.1":
+  version: 1.49.1
+  resolution: "@playwright/experimental-ct-react@npm:1.49.1"
   dependencies:
-    "@playwright/experimental-ct-core": 1.41.0
-    "@vitejs/plugin-react": ^4.0.0
+    "@playwright/experimental-ct-core": 1.49.1
+    "@vitejs/plugin-react": ^4.2.1
   bin:
     playwright: cli.js
-  checksum: 81177e0fc6810f75f1eaa6209817ae14d6cdc5d651127f2f2db10473f9e5ea508bccc9c115862d07225609c5561540c0bb6a13b42635ec24ff26aeb4506775e8
+  checksum: ef8b157b98b752e5acd535517c2b872784bfb8c9423846e99d5c6c97bce1388d7423798b13dd210017c7e98fe121ca9388c004334013b233289b5d9c90292a7b
   languageName: node
   linkType: hard
 
-"@playwright/test@npm:1.41.0":
-  version: 1.41.0
-  resolution: "@playwright/test@npm:1.41.0"
+"@playwright/test@npm:1.49.1":
+  version: 1.49.1
+  resolution: "@playwright/test@npm:1.49.1"
   dependencies:
-    playwright: 1.41.0
+    playwright: 1.49.1
   bin:
     playwright: cli.js
-  checksum: 3a7039f8cd14dd242154255417c100a99c3254a3c1fd26df2a11be24c10b06ef77d2736336d7743dedc5e1a6a52748e58ced730b6048f8bd75d8867ce81661e0
+  checksum: cdbd16df3d773dc8e522d79b4b961e25c2e1b1d4f3ec45eb711078ab5d11bca47caafe833e2be2f923328fbd012405a9ee31d9b449d184077598546a36847e69
   languageName: node
   linkType: hard
 
@@ -6617,6 +6615,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-android-arm-eabi@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-android-arm-eabi@npm:4.30.0"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-android-arm64@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-android-arm64@npm:4.26.0"
@@ -6624,6 +6629,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-android-arm64@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-android-arm64@npm:4.30.0"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-darwin-arm64@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-darwin-arm64@npm:4.26.0"
@@ -6631,6 +6643,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-darwin-arm64@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-darwin-arm64@npm:4.30.0"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-darwin-x64@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-darwin-x64@npm:4.26.0"
@@ -6638,6 +6657,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-darwin-x64@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-darwin-x64@npm:4.30.0"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-freebsd-arm64@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-freebsd-arm64@npm:4.26.0"
@@ -6645,6 +6671,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-freebsd-arm64@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-freebsd-arm64@npm:4.30.0"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-freebsd-x64@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-freebsd-x64@npm:4.26.0"
@@ -6652,6 +6685,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-freebsd-x64@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-freebsd-x64@npm:4.30.0"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-linux-arm-gnueabihf@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.26.0"
@@ -6659,6 +6699,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-linux-arm-gnueabihf@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.30.0"
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-linux-arm-musleabihf@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.26.0"
@@ -6666,6 +6713,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-linux-arm-musleabihf@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.30.0"
+  conditions: os=linux & cpu=arm & libc=musl
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-linux-arm64-gnu@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.26.0"
@@ -6673,6 +6727,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-linux-arm64-gnu@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.30.0"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-linux-arm64-musl@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-linux-arm64-musl@npm:4.26.0"
@@ -6680,6 +6741,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-linux-arm64-musl@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.30.0"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-loongarch64-gnu@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-loongarch64-gnu@npm:4.30.0"
+  conditions: os=linux & cpu=loong64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-linux-powerpc64le-gnu@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.26.0"
@@ -6687,6 +6762,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-linux-powerpc64le-gnu@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.30.0"
+  conditions: os=linux & cpu=ppc64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-linux-riscv64-gnu@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.26.0"
@@ -6694,6 +6776,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-linux-riscv64-gnu@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.30.0"
+  conditions: os=linux & cpu=riscv64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-linux-s390x-gnu@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.26.0"
@@ -6701,6 +6790,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-linux-s390x-gnu@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.30.0"
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-linux-x64-gnu@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-linux-x64-gnu@npm:4.26.0"
@@ -6708,6 +6804,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-linux-x64-gnu@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.30.0"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-linux-x64-musl@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-linux-x64-musl@npm:4.26.0"
@@ -6715,6 +6818,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-linux-x64-musl@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-linux-x64-musl@npm:4.30.0"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-win32-arm64-msvc@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.26.0"
@@ -6722,6 +6832,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-win32-arm64-msvc@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.30.0"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-win32-ia32-msvc@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.26.0"
@@ -6729,6 +6846,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-win32-ia32-msvc@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.30.0"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-win32-x64-msvc@npm:4.26.0":
   version: 4.26.0
   resolution: "@rollup/rollup-win32-x64-msvc@npm:4.26.0"
@@ -6736,6 +6860,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/rollup-win32-x64-msvc@npm:4.30.0":
+  version: 4.30.0
+  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.30.0"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@rushstack/node-core-library@npm:5.9.0":
   version: 5.9.0
   resolution: "@rushstack/node-core-library@npm:5.9.0"
@@ -6814,17 +6945,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sand4rt/experimental-ct-web@npm:1.41.0":
-  version: 1.41.0
-  resolution: "@sand4rt/experimental-ct-web@npm:1.41.0"
+"@sand4rt/experimental-ct-web@npm:1.49.1":
+  version: 1.49.1
+  resolution: "@sand4rt/experimental-ct-web@npm:1.49.1"
   dependencies:
-    "@playwright/experimental-ct-core": ^1.41.0
-    vite: ^4.4.7
-  peerDependencies:
-    "@playwright/test": ">=1.41.0"
+    "@playwright/experimental-ct-core": 1.49.1
   bin:
     playwright: cli.js
-  checksum: f486c0bdd23f31ef1129b239e221d0bd0806be919d1c1a8d45963b51c157be68c8b80f323bc429e2aaea47c03fd3af34bd8367e2c0f787730f3e9eb7210ca8df
+  checksum: def409f463a1b388aa2f1a03df136416c87686eeb613ea4521e89f77b7ce51c970fbf411e4ca963cc347aff110ff945f783b321c5517ec359d452738d7ba056f
   languageName: node
   linkType: hard
 
@@ -8701,18 +8829,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitejs/plugin-react@npm:^4.0.0":
-  version: 4.3.3
-  resolution: "@vitejs/plugin-react@npm:4.3.3"
+"@vitejs/plugin-react@npm:^4.2.1":
+  version: 4.3.4
+  resolution: "@vitejs/plugin-react@npm:4.3.4"
   dependencies:
-    "@babel/core": ^7.25.2
-    "@babel/plugin-transform-react-jsx-self": ^7.24.7
-    "@babel/plugin-transform-react-jsx-source": ^7.24.7
+    "@babel/core": ^7.26.0
+    "@babel/plugin-transform-react-jsx-self": ^7.25.9
+    "@babel/plugin-transform-react-jsx-source": ^7.25.9
     "@types/babel__core": ^7.20.5
     react-refresh: ^0.14.2
   peerDependencies:
-    vite: ^4.2.0 || ^5.0.0
-  checksum: 1ad449cb7934e14ad265a0044aa2461cdb47587c436c2a0324e2b6a73de1b63a34a84396de41b77988fac67ff43302bf0186674344e11a881ba50936cc4297d8
+    vite: ^4.2.0 || ^5.0.0 || ^6.0.0
+  checksum: d417f40d9259a1d5193152f7d9fee081d5bf41cbeef9662ae1123ccc1e26aa4b6b04bc82ebb8c4fbfde9516a746fb3af7da19fdd449819c30f0631daaa10a44b
   languageName: node
   linkType: hard
 
@@ -22780,10 +22908,10 @@ __metadata:
     "@justeattakeaway/stylelint-config-pie": 0.8.0
     "@percy/cli": 1.29.3
     "@percy/playwright": 1.0.6
-    "@playwright/experimental-ct-react": 1.41.0
-    "@playwright/test": 1.41.0
+    "@playwright/experimental-ct-react": 1.49.1
+    "@playwright/test": 1.49.1
     "@rollup/plugin-node-resolve": 15.1.0
-    "@sand4rt/experimental-ct-web": 1.41.0
+    "@sand4rt/experimental-ct-web": 1.49.1
     "@types/node": 20.4.8
     "@types/react": 18.3.11
     "@typescript-eslint/eslint-plugin": 5.62.0
@@ -22976,27 +23104,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"playwright-core@npm:1.41.0":
-  version: 1.41.0
-  resolution: "playwright-core@npm:1.41.0"
+"playwright-core@npm:1.49.1":
+  version: 1.49.1
+  resolution: "playwright-core@npm:1.49.1"
   bin:
     playwright-core: cli.js
-  checksum: 14671265916a1fd0c71d94640de19c48bcce3f7dec35530f10e349e97030ea44ffa8ee518cbf811501e3ab2b74874aecf917e46bf40fea0570db1d4bea1fe7ac
+  checksum: a940f4b10ff1de033b4b8594b5104b02849a892d9adda0d42330a872cd3d8d287ffd2b01fc33f33ccd34f8904bb8ae8220b878b62e899f3d9bcd1b0945ab45c7
   languageName: node
   linkType: hard
 
-"playwright@npm:1.41.0":
-  version: 1.41.0
-  resolution: "playwright@npm:1.41.0"
+"playwright@npm:1.49.1":
+  version: 1.49.1
+  resolution: "playwright@npm:1.49.1"
   dependencies:
     fsevents: 2.3.2
-    playwright-core: 1.41.0
+    playwright-core: 1.49.1
   dependenciesMeta:
     fsevents:
       optional: true
   bin:
     playwright: cli.js
-  checksum: e7c32136911c58e06b964fe7d33f8b3d8f6a067ae5218662a0811dd6c90e007db1774eb7e161f4aa748d760f404f4c066b7b7303c2b617f7448b6ee4b86c9999
+  checksum: c136d42d625e32614f90e5228a165dc8be48c5bfb52aca9210c6ff04161a409dbe42fe5ae4f05a2653f6a1b836876a04d3b0f24bcbbc053d1509c1d605b7c8d5
   languageName: node
   linkType: hard
 
@@ -24282,7 +24410,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.0.0, postcss@npm:^8.1.10, postcss@npm:^8.2.1, postcss@npm:^8.2.14, postcss@npm:^8.2.15, postcss@npm:^8.3.7, postcss@npm:^8.4.14, postcss@npm:^8.4.19, postcss@npm:^8.4.24, postcss@npm:^8.4.27, postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.39":
+"postcss@npm:^8.0.0, postcss@npm:^8.1.10, postcss@npm:^8.2.1, postcss@npm:^8.2.14, postcss@npm:^8.2.15, postcss@npm:^8.3.7, postcss@npm:^8.4.14, postcss@npm:^8.4.19, postcss@npm:^8.4.24, postcss@npm:^8.4.27, postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.39, postcss@npm:^8.4.43":
   version: 8.4.49
   resolution: "postcss@npm:8.4.49"
   dependencies:
@@ -25869,6 +25997,78 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rollup@npm:^4.20.0":
+  version: 4.30.0
+  resolution: "rollup@npm:4.30.0"
+  dependencies:
+    "@rollup/rollup-android-arm-eabi": 4.30.0
+    "@rollup/rollup-android-arm64": 4.30.0
+    "@rollup/rollup-darwin-arm64": 4.30.0
+    "@rollup/rollup-darwin-x64": 4.30.0
+    "@rollup/rollup-freebsd-arm64": 4.30.0
+    "@rollup/rollup-freebsd-x64": 4.30.0
+    "@rollup/rollup-linux-arm-gnueabihf": 4.30.0
+    "@rollup/rollup-linux-arm-musleabihf": 4.30.0
+    "@rollup/rollup-linux-arm64-gnu": 4.30.0
+    "@rollup/rollup-linux-arm64-musl": 4.30.0
+    "@rollup/rollup-linux-loongarch64-gnu": 4.30.0
+    "@rollup/rollup-linux-powerpc64le-gnu": 4.30.0
+    "@rollup/rollup-linux-riscv64-gnu": 4.30.0
+    "@rollup/rollup-linux-s390x-gnu": 4.30.0
+    "@rollup/rollup-linux-x64-gnu": 4.30.0
+    "@rollup/rollup-linux-x64-musl": 4.30.0
+    "@rollup/rollup-win32-arm64-msvc": 4.30.0
+    "@rollup/rollup-win32-ia32-msvc": 4.30.0
+    "@rollup/rollup-win32-x64-msvc": 4.30.0
+    "@types/estree": 1.0.6
+    fsevents: ~2.3.2
+  dependenciesMeta:
+    "@rollup/rollup-android-arm-eabi":
+      optional: true
+    "@rollup/rollup-android-arm64":
+      optional: true
+    "@rollup/rollup-darwin-arm64":
+      optional: true
+    "@rollup/rollup-darwin-x64":
+      optional: true
+    "@rollup/rollup-freebsd-arm64":
+      optional: true
+    "@rollup/rollup-freebsd-x64":
+      optional: true
+    "@rollup/rollup-linux-arm-gnueabihf":
+      optional: true
+    "@rollup/rollup-linux-arm-musleabihf":
+      optional: true
+    "@rollup/rollup-linux-arm64-gnu":
+      optional: true
+    "@rollup/rollup-linux-arm64-musl":
+      optional: true
+    "@rollup/rollup-linux-loongarch64-gnu":
+      optional: true
+    "@rollup/rollup-linux-powerpc64le-gnu":
+      optional: true
+    "@rollup/rollup-linux-riscv64-gnu":
+      optional: true
+    "@rollup/rollup-linux-s390x-gnu":
+      optional: true
+    "@rollup/rollup-linux-x64-gnu":
+      optional: true
+    "@rollup/rollup-linux-x64-musl":
+      optional: true
+    "@rollup/rollup-win32-arm64-msvc":
+      optional: true
+    "@rollup/rollup-win32-ia32-msvc":
+      optional: true
+    "@rollup/rollup-win32-x64-msvc":
+      optional: true
+    fsevents:
+      optional: true
+  bin:
+    rollup: dist/bin/rollup
+  checksum: f862a20c2f6f2e2c56428f1315eebf255bb29b40baab3ecfebf558aaaa7f00b7544aa2f7a3b89ce3426aa4cfa6e7ec7de02dd250b0a7c1bef8b5c7fd690a052c
+  languageName: node
+  linkType: hard
+
 "rrweb-cssom@npm:^0.6.0":
   version: 0.6.0
   resolution: "rrweb-cssom@npm:0.6.0"
@@ -29207,7 +29407,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite@npm:^3.0.0 || ^4.0.0, vite@npm:^4.4.12, vite@npm:^4.4.7":
+"vite@npm:^3.0.0 || ^4.0.0":
   version: 4.5.5
   resolution: "vite@npm:4.5.5"
   dependencies:
@@ -29247,6 +29447,49 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite@npm:^5.2.8":
+  version: 5.4.11
+  resolution: "vite@npm:5.4.11"
+  dependencies:
+    esbuild: ^0.21.3
+    fsevents: ~2.3.3
+    postcss: ^8.4.43
+    rollup: ^4.20.0
+  peerDependencies:
+    "@types/node": ^18.0.0 || >=20.0.0
+    less: "*"
+    lightningcss: ^1.21.0
+    sass: "*"
+    sass-embedded: "*"
+    stylus: "*"
+    sugarss: "*"
+    terser: ^5.4.0
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  peerDependenciesMeta:
+    "@types/node":
+      optional: true
+    less:
+      optional: true
+    lightningcss:
+      optional: true
+    sass:
+      optional: true
+    sass-embedded:
+      optional: true
+    stylus:
+      optional: true
+    sugarss:
+      optional: true
+    terser:
+      optional: true
+  bin:
+    vite: bin/vite.js
+  checksum: 8c5b31d17487b69c40a30419dc0ade9f33360eb6893dbfa33a90980271bd74d35ae550b5cbb2a9e640f0df41ea36fd1bb4f222c98f6d02e607080f20832e69e8
+  languageName: node
+  linkType: hard
+
 "vitest@npm:0.29.8":
   version: 0.29.8
   resolution: "vitest@npm:0.29.8"