Closed
Description
What version of Tailwind CSS are you using?
v4.1.3
What build tool (or framework if it abstracts the build tool) are you using?
Next.js 15.2.5
What version of Node.js are you using?
For example: v22.14.0
What browser are you using?
Chrome
What operating system are you using?
Ubuntu Linux (24.10)
Reproduction URL
/
Describe your issue
In tailwind config, we could do something like this:
extend: {
fontSize: {
"title-custom": ["50px", "62px"]
}
}
Which would generate
.title-custom {
font-size: 50px;
line-height: 62px;
}
Upgrading to v4, the cli outputs
--text-title-custom: 50px, 62px;
And it does not generate any classes.
Expected Behaviour
The cli should treat the second element of the array as line-height and add a new variable for it rather than adding it to one variable separated by a comma.
--text-title-custom: 50px;
--text-title-custom--line-height: 62px;
Metadata
Metadata
Assignees
Labels
No labels