The latest updates on your projects. Learn more about Vercel for Git ↗︎

I'm a little confused, what is the recommended way to configure this plugin in Tailwind v4? Or is this currently only possible via the config file or a wrapper plugin?

I'm a little confused, what is the recommended way to configure this plugin in Tailwind v4? Or is this currently only possible via the config file or a wrapper plugin?

Yea extended configuration will require a JS config file, if you're fine with the defaults you can enable it via @plugin 'tailwindcss-typography';

Where do I put ? @plugin 'tailwindcss-typography';

In the CSS file where you have @import "tailwindcss" (and @theme etc.). You can find info about this in the very informative v4 documentation: https://tailwindcss.com/docs/v4-beta#using-plugins

But as far as configuring the plugin goes, currently Tailwind v4 doesn't appear to be able have interoperability between both tailwind.config.js and @theme, so I guess all plugins if I'm using Tailwind v4, everything except for @import "tailwindcss" (and @config "../tailwind.config.js") shoud be configured in the JS/TS config.

Where do I put ? @plugin 'tailwindcss-typography';

I believe that should be @plugin '@tailwindcss/typography';. That's what worked for me.

Question: Custom CSS now has a lower specificity than before because custom CSS is applied via layer utilities. This breaks a few custom CSS definitions on our side. Is there any fix for this?

EDIT: Nvm, fixed it by importing the CSS with higher specificity (which actually caused the issue) into the utilities layer as well.

where are the install instructions for tw v3?