Turning theme into regular values

[selbekk]

Can we implement a function that takes a set of Restyle styles (with design tokens), that turns the styles into "regular" styling values?

I.e. something like this:

const customStyles = {
  backgroundColor: "cardPrimary",
  borderRadius: "md",
};
const regularStyles = useStyles(customStyles)
// === { backgroundColor: "#abcabc", borderRadius: 12 }

How could I build a hook like this in userland?