fix: correct @custom-media syntax for narrowLandscape viewport range

[tfeijo]

Summary

Wrap the first media condition in parentheses to create valid @custom-media syntax for --viewportRange-narrowLandscape.

Before:

@custom-media --viewportRange-narrowLandscape (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));

After:

@custom-media --viewportRange-narrowLandscape ((max-width: calc(63.25rem - 0.02px)) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));

This fixes CSS optimization warnings in tools like Tailwind CSS v4:

Found 1 warning while optimizing generated CSS:
│ @custom-media --viewportRange-narrowLandscape (max-width: calc(63.25rem - 0.02px) and ...
┆                                                                                  ^-- Unexpected token Ident("and")

Fixes #1288

Test plan

• npm run build completes successfully
• Generated CSS in dist/css/functional/size/viewport.css has correct syntax

[changeset-bot]

🦋 Changeset detected

Latest commit: 0cf3ec3

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

This PR includes changesets to release 1 package

Name	Type
@primer/primitives	Patch

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