feat(FontWeight): Add Font Weight to Tailwind Config

[deniaz]

No description provided.

[thisguyscode]

@deniaz - Sorry I'm not sure how best to test this, but looking at the output tailwind config I wonder if the generated tailwind classes would be identical for the default font-weights and font-families. The default config would generate tw-font-sans and tw-font-regular for example, but as we use the word body for both I wonder if there's a conflict.

fontFamily: {
    body: "var(--body-family)",
    ...
    code: "var(--code-family)",
    ...
    heading: "var(--heading-family)",
    ...
},
fontWeight: {
    body: "400",
    ...
    code: "400",
    ...
    heading: "500",
    ...
},

[thisguyscode]

@deniaz - Sorry I'm not sure how best to test this, but looking at the output tailwind config I wonder if the generated tailwind classes would be identical for the default font-weights and font-families. The default config would generate tw-font-sans and tw-font-regular for example, but as we use the word body for both I wonder if there's a conflict.

fontFamily: {
    body: "var(--body-family)",
    ...
    code: "var(--code-family)",
    ...
    heading: "var(--heading-family)",
    ...
},
fontWeight: {
    body: "400",
    ...
    code: "400",
    ...
    heading: "500",
    ...
},

[jonasbuechel]

Yes, they're in conflict. I double-checked with the debug option we now have.

.tw-font-body {
  font-family: var(--body-family);
}

.tw-font-body {
  font-weight: 400;
}