Describe the bug
There are some breaking bugs when using responsive styles in v0.10.x

*** Array Notation***
example:

:width="[
  '80vw', // base
  '60vw', // 480px upwards
  '50vw', // 768px upwards
  '40vw', // 992px upwards
]"

This does not generate any media Queries at all.

*** Object Notation***
example:

:width="{
  base: '80vw', // base
  sm: '60vw', // 480px upwards
  md: '50vw', // 768px upwards
  lg: '40vw', // 992px upwards
}"

The order of the media Queries inside the CSS isn't correct.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'CodeSandBox example'
2. Try to change the screen size
3. See error

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

Additional context
Works on v0.9.x but not on v0.10.x