A utility to style text within global HTML where Braid components cannot be used, e.g. styling strings of foreign markup.
Returns a vanilla-extract compatible object that needs to be passed through one of vanilla-extract’s styling APIs (e.g. ‘globalStyle’) to create the actual styles.
// styles.css.ts
import { style, globalStyle } from '@vanilla-extract/css';
import { globalTextStyle } from 'braid-design-system/css';

export const root = style({});

// Target all <p> elements within the root class
globalStyle(`${root} p`,
  globalTextStyle({ size: "standard", weight: "regular" })
);