@chakra-ui/nuxt 0.4.1 breaks multiple css attributes.

[rxmii4269]

Describe the bug
Upgrading to chakra-ui/nuxt 0.4.1 from 0.3.5 breaks multiple css attributes.

To Reproduce
Steps to reproduce the behavior:

1. Upgrade to chakra-ui/nuxt 0.4.1
2. Run a known, working project.
3. Notice some css attributes failing.

Expected behavior
css attributes are interpreted as usual prior to the upgrade.

Screenshots

Before Upgrade

After Upgrade

Notice background failing to convert the blue.900 to the proper hex value

[codebender828]

Hi Romain. Thanks for catching this. On my test repos everything seemed to be working alright. Didn't test a more complicated repo. Could you kindly share with me access to your repo? I'd like to debug this issue as soon as possible.

…

On Thu, 19 Aug 2021, 01:15 Romaine Murray, ***@***.***> wrote: *Describe the bug* Upgrading to chakra-ui/nuxt 0.4.1 from 0.3.5 breaks multiple css attributes. *To Reproduce* Steps to reproduce the behavior: 1. Upgrade to chakra-ui/nuxt 0.4.1 2. Run a known, working project. 3. Notice some css attributes failing. *Expected behavior* css attributes are interpreted as usual prior to the upgrade. *Screenshots* *Before Upgrade* [image: Before Upgrade] <https://user-images.githubusercontent.com/49266906/129941860-1b2043fb-67a5-40dc-8bb5-5380310d7ae9.png> *After Upgrade* [image: After Upgrade] <https://user-images.githubusercontent.com/49266906/129941884-2ce5adee-db3e-4531-a1f3-45acfcb01fed.png> *Notice background failing to convert the blue.900 to the proper hex value* [image: Screenshot 2021-08-18 121215] <https://user-images.githubusercontent.com/49266906/129942426-8f88b742-0f47-4111-832c-769af11c0d44.png> — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#477>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFCBBQWPSCGXTPIW6KM54SLT5PTDZANCNFSM5CMPOCVA> .

[rxmii4269]

Hi @codebender828, sent an invite just now.

[TrungRueta]

Hi, did you found reason about this bug. I try to upgrade to v0.4 (because v0.3 only use chakra vue v0.9) and got same issue. i can see look like module nolonger reading config anymore. with attribute fontSize="xs" not convert to actual value, it keep same font-size: xs in rendered css.

[codebender828]

Hi @TrungRueta and @rxmii4269

I just fixed this issue in @chakra-ui/nuxt@0.4.2-next.0. See this gitpod to test it: https://purple-raven-oz2ap33e.ws-us16.gitpod.io/

Will create a new release and publish to npm shortly.

[codebender828]

Please upgrade to @chakra-ui/nuxt@^0.4.2. Fixed in #480