After updating the fonts are not properly resolved

[kevinfoerster]

Describe the bug
It look like generally theme ui is working i updated from 0.14.7 to 0.16.1 but fonts are not correclty rendered, checking the resulting css, it looks like the names instead of its values are applied.

my theme defines fonts like this:

{
...
fonts : {
  body: 'Merriweather Sans',
  heading: 'Merriweather Sans',
},
text: {
  dateline: {
    fontFamily: 'body',
    textTransform: 'uppercase',
    fontWeight: 'light',
    color: 'dateline',
    pb: 2,
    display: 'block',
},
...
}

Expected behavior
font-family should not show heading but Merriweather Sans instead!

Screenshots

Additional context
this project uses the latest gatsby version and the follwing relevant dependencies:

    "theme-ui":"0.16.1",
    "gatsby-plugin-theme-ui":"0.16.1",
    "@emotion/react": "^11.11.1",
    "@fontsource/merriweather-sans": "5.0.8",
    "@mdx-js/react ": "1.6.22",
    "@theme-ui/mdx":"0.16.1",

[Piotr Monwid-Olechnowicz]

This seems like there's a version mismatch on either Theme UI or Emotion's React Context.
Could you post your lockfile?