[v4] font-weight of <b> and <strong> should be a variable

[MickL]

Currently <b> and <strong> is set to font-weight: bolder by Tailwind. The value cant be change without being overridden:

@import "tailwindcss";

@layer base {
    strong, b {
        @apply font-medium;
    }
}

Results in:

It would be great if this uses a variable instead that can be overridden.

Related: #13513

[adamwathan]

Hey! It's totally fine to just override that rule and assign it a variable yourself like you've done. The Preflight styles aren't there to enable customization, it's just to normalize the value across all browsers because there are inconsistencies from browser to browser.

It's totally idiomatic Tailwind to do something like this:

@import "tailwindcss";

@layer base {
  strong, b {
    font-weight: var(--font-weight-medium);
  }
}

[MickL]

That may be petty but it adds an unnecessary rule to the styles that could be saved if it would be configurable