message: Grid docs colors use inverse text
diff: @@ -8,10 +8,10 @@ Grid is a component that exposes grid system props. See the [CSS Tricks Complete
  ```jsx live
  <Grid gridTemplateColumns="repeat(2, auto)" gridGap={3}>
  - <Box p={3} bg="bg.info">
  + <Box p={3} color="text.inverse" bg="bg.infoInverse">
  1
  </Box>
  - <Box p={3} bg="bg.warning">
  + <Box p={3} color="text.inverse" bg="bg.warningInverse">
  2
  </Box>
  </Grid>
  