[6.12] Console warning: The purge/content options have changed in Tailwind CSS v3.0

[ineshbose]

Environment

Happening after 6.12.0

Reproduction

https://stackblitz.com/github/nuxt-modules/tailwindcss/tree/docs-examples/examples/module-authoring

Describe the bug

This is some race condition that is causing content modification from hooks to not be parsed properly when tracked with the proxy in 6.12.0.

Additional context

No response

Logs

No response

[ineshbose]

Possible workaround:

Provide a plugin to tailwindcss.config.plugin like so:

+ import typographyPlugin from '@tailwindcss/typography'

export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: ['@nuxtjs/tailwindcss'],
  tailwindcss: {
+    config: { plugins: [typographyPlugin] }
  }
})

This should have the module revert to inline PostCSS configuration, so the content configuration should evaluate OK.

[kingyue737]

I tried this workaround but it seemed that the style became worse:

Expected

After adding plugin

Nuxt official sites now have incorrect styles which may due to this bug:

screenshots

[ineshbose]

Planned fix: use klona in the merger to copy object, and also resolve all content configurations to object with paths resolved /cc @benjamincanac

Aiming to implement in 6.12.2-nightly in about a week (6.12.1 this week)

[ineshbose]

Implemented potential fix on nightly if you'd like to confirm!