[Tags] Fix invalid ms-high-contrast media query css without selector in Tags

[lordofthecactus]

WHY are these changes introduced?

Found in Tags.scss a media query for ms-high-contrast without a selector. This is invalid css which prevents dart-sass compilation and possibly generate other issues.

WHAT is this pull request doing?

Put the media query back to the Tags class selector as it was before #2774 which introduced the bug.

Before with ms-high-contrast active

After with ms-high-contrast active

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

import React from 'react';

import {Page, Tag} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      <Tag>Polaris</Tag>
    </Page>
  );
}

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility

[ghost]

👋 Thanks for opening your first pull request. A contributor should give feedback soon. If you haven’t already, please check out the contributing guidelines.

[github-actions]

🟡 This pull request modifies 2 files and might impact 4 other files. This is an average splash zone for a change, remember to tophat areas that could be affected.

Details:

All files potentially affected (total: 4)

• /src/components/Tag/Tag.tsx
• /src/components/Filters/Filters.tsx
• /src/components/ResourceList/components/FilterControl/FilterControl.tsx
• /src/components/ResourceList/ResourceList.tsx

📄 UNRELEASED.md (total: 0)

Files potentially affected (total: 0)

🎨 src/components/Tag/Tag.scss (total: 4)

Files potentially affected (total: 4)

• /src/components/Tag/Tag.tsx
• /src/components/Filters/Filters.tsx
• /src/components/ResourceList/components/FilterControl/FilterControl.tsx
• /src/components/ResourceList/ResourceList.tsx

[BPScott]

Thanks!

Update the PR based on Kaelig's suggestion and merge when you're ready!

[ghost]

🎉 Thanks for your contribution to Polaris React!