fix(utils): reduce gaps in media queries for breakpoints

[joseph082]

Closes #6743

📝 Description

Fixes useBreakpointValue and useBreakpoint hooks by reducing the gaps in the hooks' media queries. These gaps excluded certain viewport widths.

⛳️ Current behavior (updates)

Media queries generated from theme breakpoints do not cover certain viewport widths due to the 1px and .0625em gaps.

🚀 New behavior

Media queries generated from theme breakpoints cover almost all viewport widths by reducing the gaps to .02px and .01em.

💣 Is this a breaking change (Yes/No):

No

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 0e00ca5f85c9732cce674ef281ee35397b2741b7

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

This PR includes changesets to release 15 packages

Name	Type
@chakra-ui/media-query	Patch
@chakra-ui/skeleton	Patch
@chakra-ui/styled-system	Patch
@chakra-ui/utils	Patch
@chakra-ui/breakpoint-utils	Patch
@chakra-ui/react	Patch
@chakra-ui/toast	Patch
@chakra-ui/system	Patch
@chakra-ui/theme-utils	Patch
@chakra-ui/props-docs	Patch
@chakra-ui/provider	Patch
@chakra-ui/hooks	Patch
@chakra-ui/react-utils	Patch
@chakra-ui/test-utils	Patch
@chakra-ui/layout	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

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
chakra-ui-storybook	✅ Ready (Inspect)	Visit Preview	Dec 21, 2022 at 10:49AM (UTC)

[seanhuggins1]

Ran into this issue, what needs to be done to get this merged?