Use of @apply ... #{'!important'} in scss

[abrahamsaanchez]

What version of prettier-plugin-tailwindcss are you using?

v0.5.3

What version of Tailwind CSS are you using?

v3.3.3

What version of Node.js are you using?

v18.16.0

What package manager are you using?

npm

What operating system are you using?

Ubuntu

Reproduction URL

https://github.com/abrahamsaanchez/prettier-plugin-important

Describe your issue

As you can see in the styles.scss file in the provided repo, when the plugin order the class the #{'!important'} go to the first place, breaking the @apply rule.
The #{'!important'} should be at the last place.

[thecrypticace]

Hey, I've merged this fix in #212 and gone ahead and published a release to NPM. This is now available as v0.5.4.

Thanks for reporting it!