Add media query for checkbox ui updates on small screen

[rjur11]

WHY are these changes introduced?

Fixes #0000

WHAT is this pull request doing?

How to 🎩

🖥 Local development instructions 🗒 General tophatting guidelines 📄 Changelog guidelines

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

import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}

🎩 checklist

• [ ] Tested on mobile
• [ ] Tested on multiple browsers
• [ ] Tested for accessibility
• [ ] Updated the component's README.md with documentation changes
• [ ] Tophatted documentation changes in the style guide

[github-actions[bot]]

size-limit report 📦

Path	Size
polaris-react-cjs	202.21 KB (0%)
polaris-react-esm	129.44 KB (0%)
polaris-react-esnext	183.64 KB (+0.02% 🔺)
polaris-react-css	40.68 KB (+0.07% 🔺)

[github-actions[bot]]

Hi! We noticed there hasn’t been activity on this PR in a while. After 30 days, it will close automatically.

If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.