Tailwind 4.0.10 breaks class extraction from Maud templates in some contexts

[Princesseuh]

What version of Tailwind CSS are you using?

>= 4.0.10

What build tool (or framework if it abstracts the build tool) are you using?

Tailwind CLI

What version of Node.js are you using?

Node v24.8.0

What browser are you using?

Vivaldi

What operating system are you using?

macOS

Reproduction URL

https://github.com/Princesseuh/tailwind-maud-regression

Unfortunately you cannot reproduce this in the playground since it does not accept non-HTML files.

Describe your issue

Maud templates look like this:

html! {
    h1 { "Hello, world!" }
    p.intro {
        "This is an example of the "
        a href="https://github.com/lambda-fairy/maud" { "Maud" }
        " template language."
    }
}

Where .intro eventually compiles to p class="intro".

When using Tailwind classes, it'll look something like this:

header.px-8.py-4.text-black {}

Since Tailwind 4.0.10, only text-black is included in the final CSS file, whereas Tailwind 4.0.9 succesfully include all three expected classes.

Here's a link to a diff between the two versions: https://diffdiff.net/page/34pgajzH3a

[Princesseuh]

Just in case it's not clear from the issue body, this is also broken in the current latest (4.1.13) version of Tailwind, 4.0.10 is just the version that introduced the issue.

[Princesseuh]

Thank you @RobinMalfait you're my hero

[RobinMalfait]

@Princesseuh You're welcome! This will be available in the next release!