Nested [attribute] doesn't work

[vmind]

What version of Tailwind CSS are you using?

v4.0.8

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

Vite 6.1.1 (Laravel 11, Flux 2)

What version of Node.js are you using?

For example: v22.12.0

What browser are you using?

Edge

What operating system are you using?

Windows 11

Reproduction URL

Describe your issue

On v3 works:

    .name {
        [data-name] {
            @apply !hidden;
        }
    }

On v4 doesn't work.

.name {
        [data-name] {
            @apply !hidden;
        }
    }

.name  [data-name] {
            @apply !hidden;
        }

[RobinMalfait]

Hey!

This should just work. Can you create a minimal reproduction repo or reproduce it via Tailwind Play? https://play.tailwindcss.com/b5UAYT87Y9?file=css

The code compiles to:

.name {
  [data-name] {
    display: none!important;
  }
}