fix(theme): Responsive styles breaking

[carwack]

Description

When using responsive styles I would expect the media queries to be added to my CSS correctly.

Motivation and Context

Fix for #504

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

[changeset-bot]

🦋 Changeset detected

Latest commit: 8944b13

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

This PR includes changesets to release 3 packages

Name	Type
@chakra-ui/vue	Patch
@chakra-ui/theme-vue	Patch
chakra-ui-docs	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]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

chakra-ui-vue – ./

🔍 Inspect: https://vercel.com/chakra-ui/chakra-ui-vue/3NGrYJkMBaH61v6vRJtd7g3uwuT7
✅ Preview: https://chakra-ui-vue-git-fork-carwack-bug-504-respons-92d5da-chakra-ui.vercel.app

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 8944b13:

Sandbox	Source
Chakra UI Vue (0.X) Starter Template	Configuration
chakra-ui-nuxt-demo	Configuration