Using vars with additional strings for staticProperties

[richbachman]

I'm running into a type issue when trying to do something like:

staticProperties: {
    fontFamily: [vars.fontFamily, 'inherit'],
}

Maybe my syntax is wrong?

[richbachman]

I wasn't thinking straight when I asked this question. The right move is to just add any global styles to the object that you're including in vars.

const globalFontFamilyStyles = {
  inherit: "inherit",
};

const combinedFontFamilies: typeof fontFamilies & {
  inherit: string;
} = {
  ...fontFamilies,
  ...globalFontFamilyStyles,
};

export const [defaultTheme, vars] = createTheme({
  fontFamily: combinedFontFamilies,
});