message: Docs (chore) Correction of Global Styles config
  Properties need to be nested under a selector i.e.g. `html, body`.
diff: @@ -60,20 +60,20 @@ like:
  ```js
  const styles = {
  global: (props) => ({
  + "body": {
  fontFamily: "body",
  color: mode("gray.800", "whiteAlpha.900")(props),
  bg: mode("white", "gray.800")(props),
  - lineHeight: "base",
  + lineHeight: "base"
  + },
  "*::placeholder": {
  color: mode("gray.400", "whiteAlpha.400")(props),
  },
  "*, *::before, &::after": {
  borderColor: mode("gray.200", "whiteAlpha.300")(props),
  wordWrap: "break-word",
  - },
  - fontFeatureSettings: `"pnum"`,
  - fontVariantNumeric: "proportional-nums",
  - }),
  + }
  + })
  }
  ```
  