Text component doesn't inherit all typography styles

I’ve recently migrated to version 4 but it doesn’t look like the Text component is inheriting all of the typography styles expected from the body property on fonts.

See CodeSandbox example.

I’ve double-checked the implementation with your documentation, but I can’t seem to see what could be wrong. Could you provide any additional direction?

[jxnblk]

By default the Text component doesn’t pick up particular styles from the theme. You can extend the component if you’d like to add default styles to the component

[brettinternet]

@marozzocom Thank you for your reply. This makes sense, I have no problem extending the component or adding global styles to correct the font.

The documentation’s example is confusing. The styled-system theming suggests being able to modify the body font-family and font weight: (Theming: Example)

  fonts: {
    body: 'system-ui, sans-serif',
    heading: 'inherit',
    monospace: 'Menlo, monospace',
  },
  fontWeights: {
    body: 400,
    heading: 700,
    bold: 700,
  },

What does the body attribute in styled-sytem themes actually modify then?

Also, calling the Text component a “Response typography component” seems inaccurate if it doesn’t inherit the typography attributes from the theme.