import { globalTextStyle } from "braid-design-system/css"
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",
  })
)