[v4] Fails to detect mt-* class in slim source file

[jphaward]

What version of Tailwind CSS are you using?

v4.0.12

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

For example: Rails 7.2.2.1, Ruby 3.4.1, DaisyUI v5.0.4

What version of Node.js are you using?

v20.9.0

What browser are you using?

Chrome

What operating system are you using?

macOS Sonama 14.5 M1

Reproduction URL

Include a html.slim view with:

.flex.border-solid.border-2.border-base-300.drop-shadow-md.bg-base-100.mt-10.rounded-lg.py-6

if I amend this to html in the same html.slim file it works fine:

<div class="flex border-solid border-2 border-base-300 drop-shadow-md bg-base-100 mt-10 rounded-lg py-6">

Describe your issue

It does not apply the mt-10 class even though it is in the CSS. If using a tailwind.config.js file, it works if mt-10 is added to a safelist. I am experiencing similar issues with mt-* in the project and not just this line. The other classes are applied correctly.

[RobinMalfait]

Hey!

Try to update to the latest version of Tailwind CSS because this should work as expected.

Notice how the mt-10 is being picked up here:

If you still run into this issue after you bump your dependencies, can you share a minimal reproduction repo because then it could be that something else in the current file is causing this problem.

[jphaward]

v4.0.14 works as expected, thanks for the quick response!