fontWeight not applying to Text in Admin UI Extensions (2025-04)

Hey folks,

I’m running into an issue with the fontWeight prop on the Text component in a Shopify Admin UI extension using version 2025-04.

I’m setting different fontWeight values on Text, but the changes don’t seem to be reflected in the UI at all.

I’ve imported Text from:

@shopify/ui-extensions-react/admin

Here is my code

<Text fontWeight="bold">Test Font Weight</Text>
<Text fontWeight="bold-300">Test Font Weight</Text>
<Text fontWeight="bold-100">Test Font Weight</Text>
<Text fontWeight="light-100">Test Font Weight</Text>

Here is the UI. Why doesn’t the fontWeight get applied properly?

Additional context

When I generated this extension, it automatically selected the 2025-04 API version.
I’m guessing this might be based on other extensions in the same project (Customer Accounts, POS, etc.).

Could this be a limitation or behavior change in the Admin UI extension API for Text in 2025-04?

Hi @Ishaan_Shettigar :waving_hand: Some questions for you…

  1. What command did you run to generate the extension?
  2. What version of the shopify CLI do you have? (shopify version)

Ideally the admin block extension generated is using the latest Polars Web Components.

Hey Kyle,

Turns out I was using an outdated version of the shopify cli. I updated to the latest version and things worked perfectly.

Thanks for your time