Global context not setting new styles

[joaoprcosta]

Describe the bug When we define Global context on a project and try to assign new styles to the body, the defaults override the new ones. Even using 'injectGlobal' to force some styles to be injected is not working.

Expected behavior We should have defaultStyles but also we could inject new properties into the Global

Screenshots

const Global = () => {
  const theme = useTheme();
  const styles = css`
    body,
    html {
      color: ${theme.colors.neutral.silver.shade10};
      font-size: ${theme.fontSize};
      font-weight: 300;
      font-family: ${theme.fontFamily.display};
      -webkit-font-smoothing: antialiased;
    }
  `;

  return <GlobalStyles styles={styles} />;
};