Skip to content

Can't unset font-weights in v4 #15811

@idan-faibish

Description

@idan-faibish

What version of Tailwind CSS are you using?

v4.0.0

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

vite v6.0.3

What version of Node.js are you using?

v20.13.1

What browser are you using?

Chrome

What operating system are you using?

macOS

Describe your issue

I just started to use tailwind (jumped straight to v4) and I'm building my existing design system under my css file. I'm not sure what I'm doing wrong but I tried plenty of options and I just cant to unset all the existing tailwind's font-weights.

@theme {
    /* tried to unset this */
    --font-*: initial;
    /* and also this */
    --font-weight-*: initial;

    --font-weight-extraBold: 800;
    --font-weight-bold: 700;
    --font-weight-semiBold: 600;
    --font-weight-normal: 400;
}

here it what I get on intellisense, it even multiplies the stuff

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions