[4.1.4]If I only use the text-xl in class name, seem the --tw-leading will be not defined

[AmelloAster]

What version of Tailwind CSS are you using?
v4.1.4

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

ReactV18 webpackV5

What version of Node.js are you using?

v20.0.0

What browser are you using?

Chrome, Safari

What operating system are you using?

macOS

Describe your issue

[micobarac]

I can confirm the same.

[wongjn]

I believe that is intended behavior. The CSS variable is there for composability with leading-* classes. The browser uses the fallback value if the CSS variable is not defined.

[AmelloAster]

I believe that is intended behavior. The CSS variable is there for composability with leading-* classes. The browser uses the fallback value if the CSS variable is not defined.

I see, if tw-leading is not defined, the line-height in text-2xl is actually quite invalid, and it will default to the line-height that comes with html, so why generate this invalid line-height? Is it a kind of redundancy?

[wongjn]

the line-height in text-2xl is actually quite invalid and it will default to the line-height that comes with html

It shouldn't be invalid with default configuration. As per this Tailwind Play, it should be calc(2 / 1.5) which evaluates to 1.333… which is a valid line-height value:

[AmelloAster]

the line-height in text-2xl is actually quite invalid and it will default to the line-height that comes with html

It shouldn't be invalid with default configuration. As per this Tailwind Play, it should be calc(2 / 1.5) which evaluates to 1.333… which is a alid line-height value:

oh, I got it, thanks