Issue with style tokens with different values related to a global variant

I think there may be an issue with Style Tokens with different values related to a Global Variant, and icons.

I have a Style Token named Primary Text that is Black on the Base variant, and White on the Dark Variant.

When I apply that Style Token to an Icon, it renders in the studio, but it doesn’t render appropriately in Preview, or on my local machine. It appears that for some reason the icon isn’t inheriting the appropriate value on the Dark Variant.

Hey @parliamentary_trout! Thanks for reporting it. I sent you a DM

@samuel, this is also happening for Tags with Default Styles.

It appears that the elements are still inheriting the style from the antd css library.

However, when a design property is discretely defined inside of Studio, I would think that your users would want that to be more important than the global css styles. Otherwise, I would think they would just leave it unset in Studio.

Here are some additional images.

@samuel Any update on this one? It would be very helpful.

This is resolved, thanks to the awesome teamwork with @samuel

For anyone else interested:

  1. add the package @plasmicpkgs/antd with your favorite package manager.
  2. edit the antd import from import "antd/dist/antd.css"; to version import "@plasmicpkgs/antd/dist/antd.css";