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.
What version of
prettier-plugin-tailwindcssare 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.scssfile in the provided repo, when the plugin order the class the#{'!important'}go to the first place, breaking the@applyrule.The
#{'!important'}should be at the last place.