feat(pie-monorepo): DSW-2172 pie-design-tokens update

[dandel10n]

Describe your changes (can list changeset entries if preferable)

---

"wc-vanilla": minor
"pie-storybook": minor
"pie-docs": minor
"pie-monorepo": minor

[Changed] - pie-design-tokens version bump to 6.5.0.

---

"@justeattakeaway/pie-css": minor

[Changed] - replaces hardcoded breakpoint values with PIE tokens.

---

"@justeattakeaway/pie-cookie-banner": patch

[Removed] - pie-design-tokens dependency.

---

"@justeattakeaway/pie-notification": minor
"@justeattakeaway/pie-modal": minor

[Changed] - replaces media with include-media with pie breakpoints tokens.

It also updates the usage of scss var for ::backdrop in modal component with css value since the bug has been fixed. I still had to leave the old scss option for Safari <v17.6 temporary until we drop the support of v16.

• https://wpt.fyi/results/html/semantics/interactive-elements/the-dialog-element/backdrop-inherits.html?label=experimental&label=master&aligned
• https://issues.chromium.org/issues/40569411
• https://bugzilla.mozilla.org/show_bug.cgi?id=1855668
• https://bugs.webkit.org/show_bug.cgi?id=263834

I checked in Browserstack the following browsers:
Firefox: 130, 129, 128
Chrome: 128, 127, 126
Opera: 113, 112, 111
Edge: 128, 127, 126
Safari: 17.6 worked fine on my machine but didn't show the backdrop in browserstack on older versions.

Author Checklist (complete before requesting a review)

• I have performed a self-review of my code
• I have reviewed the PIE Storybook/PIE Docs PR preview
• I have reviewed visual test updates properly before approving
• If changes will affect consumers of the package, I have created a changeset entry.
• If a changeset file has been created, I have used the /snapit functionality to test my changes in a consuming application

Reviewer checklists (complete before approving)

Reviewer 1 @kevinrodrigues

• I have reviewed the PIE Storybook/PIE Docs PR preview
• If there are visual test updates, I have reviewed them

Reviewer 2 @maledr5

• I have reviewed the PIE Storybook/PIE Docs PR preview
• If there are visual test updates, I have reviewed them

[changeset-bot]

🦋 Changeset detected

Latest commit: 6904c06

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[dandel10n]

/test-aperture

[pie-design-system-bot]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-bot]

@dandel10n Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

Then finally:

yarn install

[dandel10n]

/snapit

[pie-design-system-bot]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-bot]

@dandel10n Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

yarn up @justeattakeaway/[email protected] --mode=update-lockfile

Then finally:

yarn install