tailwindcss-typography-v4-vite-plugin

Tailwind CSS v4 typography styles fail in Vite because plugins listed in tailwind.config.js do not load; you must register the typography plugin using the new @plugin CSS directive in your main CSS file.

To configure the typography plugin for Tailwind CSS v4, add the @plugin directive referencing @tailwindcss/typography directly inside your main CSS file instead of using the v3-style tailwind.config.js plugins array.

Tailwind v4 shifts plugin registration away from tailwind.config.js toward CSS-based configuration, requiring directives like @plugin to load extensions such as @tailwindcss/typography for Vite projects.

Verify prose styles are bundled in your Vite CSS output by inspecting the compiled CSS file to confirm the typography plugin styles for the prose class are successfully present after applying the @plugin directive.

The prose class fails to style markdown content when the typography plugin is misconfigured using v3 conventions; fixing this requires migrating to the Tailwind v4 @plugin CSS directive to restore rich text styling.

Yes, you can use the @tailwindcss/typography plugin with Tailwind v4 and Vite by registering it via the @plugin CSS directive, which resolves the plugin loading mismatch and restores prose styling for content-heavy sites.