Tailwind.config.js content not working in monorepo with Next.js app

[alexsapps]

Hello,

I have been trying for ~8 hours to get tailwind.config.js content to pick up relevant styles from a package in the same monorepo as my Next.js app. I made a minimal reproduction here:

https://github.com/alexsapps/tailwind-content-bug-demo/

Any help would be appreciated!

Thank you,
Alex

[alexsapps]

Ugh I looked so hard for this and just found it https://tailwindcss.com/blog/tailwindcss-v4#:~:text=it%20with%20the-,%40source%20directive,-%2C%20right%20in%20your

Googling "tailwind content" brings up the v3 docs still. Choosing "v4" from the docs on the v3 site just redirects to the homepage:
https://v3.tailwindcss.com/docs/content-configuration

I might've come across the v4 docs but always thought I was in the wrong place because there isn't a dedicated page for content configuration like there is v3.

Also some changes I made to tailwind.config.js did have an effect, although perhaps just incidentally, and the mention of tailwind.config.js in the v4 docs does not say explicitly that it replaces tailwind.config.js so I interpreted it as the CSS file "can be used" but config.js still works as a backup.

[wongjn]

In v4, you'd want to use the @source directive as an equivalent to the content configuration in v3.

[alexsapps]

I sent this docs PR. Hope that helps other people in the future.
tailwindlabs/tailwindcss.com#2152