[v4]:: Default text sizes changed!

[Nayeem-XTREME]

After migrating from tailwind v3 to v4, seems like the default font sizing (line-height) is changed. How to keep the old values, so that after migration the design look exactly same.

From bellow example:

Tailwind v3:

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

and in Tailwind v4:

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
}

...............

Tailwind v4:

Tailwind v3:

[wongjn]

It should be the same:

line-height = 1 ÷ 0.75
            = 1.333…
            = 1.333… × 0.75rem
            ≈ 1rem

[liby]

After upgrading from Tailwind CSS v3 to v4, we observed subpixel rounding issues with line-height values in the @tailwindcss/typography plugin.

Both v3 and v4 source CSS contain line-height: 1.3333333 (7 decimal places). However, the browser receives different values:

Version	CSS received by browser	Computed result
v3	1.3333333 (7 digits)	32px
v4	1.33333 (5 digits)	31.9999px

The v4 build toolchain (likely PostCSS, Vite plugin, or CSS processing) appears to truncate numeric precision somewhere in the pipeline, while v3 preserves it.

This causes: 24px × 1.33333 = 31.9999px instead of 24px × 1.3333333 ≈ 32px