Onboarding design picker preview showing wrong button colour for Jenn

[dsas]

Quick summary

The onboarding design picker isn't showing the correct color for the Jenn theme. It's showing a black background rather than a transparent one. The block-preview endpoint correctly shows a transparent background.

Steps to reproduce

1. Go to wordpress.com/start
2. On the design picker select the Jenn theme (Business category)
3. Look at the preview

What you expected to happen

A button with a white outline and a transparent background

What actually happened

A button with a blackground and no border

Impact

One

Available workarounds?

Yes, easy to implement

If the above answer is "Yes...", outline the workaround.

Just pretend you didn't see it and continue the flow.

Platform (Simple and/or Atomic)

No response

Logs or notes

It looks like the CSS is being output, but the CSS under the :root :where(.wp-element-button, .wp-block-button__link) selector is being prioritised over the :root :where(.wp-block-button.is-style-outline--2 .wp-block-button__link) selector. Both selectors have the same specificity but on the preview, the element-button is being output afterwards.

[dsas]

@Automattic/lego maybe this is the kind of thing you've ran into before and have an idea about?

[taipeicoder]

@arthur791004 could you look at this when you have time? Thanks!