Typography customistaions does not work after upgrading

[thamas]

Hello! I use Tailwind with Astro on my blog. After upgrading, all works fine, expect prose customisations. They are not applied. (I miss the customisations only. The default prose styles are applied.) I use the Dante Astro theme that has this config for Tailwind:
https://github.com/JustGoodUI/dante-astro-theme/blob/main/tailwind.config.cjs

Do you have any idea what is missing, or what should be modified?

[wongjn]

Consider providing a project that reproduces the unexpected behavior.

[wongjn]

Seems like you haven't referenced your tailwind.config.cjs file in your main CSS file. You'd need to reference it with the @config directive. Furthermore, it seems you still have @tailwind directives in your CSS. You'd want to remove them since you already have @import "tailwindcss"; there.

[thamas]

Thanks @wongjn! I will check these!

[thamas]

Thanks @wongjn, with your guidance, I was able to get my styling back!

I have one strange thing though: prose-lg does not change the font size (like before) just when it is prefixed: sm:prose-lg! Do you have any idea why this happens?

By the way, I should remove the JS config file and move the config to the CSS, right? Do You know, could the upgrade tool help with that (in an Astrio project)?

[wongjn]

Do you have any idea why this happens?

Seems like the ordering of the rules is incorrect for some reason. I removed the @plugin declaration (since that was loading it again, as the config loads it already) but still does not fix the ordering.

I should remove the JS config file and move the config to the CSS, right?

Generally, yes. Though you have some configuration that has no CSS-equivalent, so you may need to keep loading the JS configuration for now.

Do You know, could the upgrade tool help with that (in an Astrio project)?

Yes, it can, but it would not migrate yours (same reason as stated previously).

[thamas]

Thanks for all your support, Justin! :)