message: chore: add text style example to storybook
diff: /**@jsx jsx */
  -import { chakra, jsx } from "../src"
  +import { chakra, jsx, ThemeProvider } from "../src"
  +import theme from "@chakra-ui/theme"
  export default {
  title: "styled",
  @@ -52,3 +53,29 @@ export const withHeading = () => (
  </chakra.h1>
  </div>
  )
  +
  +export const withTextStyles = () => (
  + <ThemeProvider
  + theme={{
  + ...theme,
  + textStyles: {
  + h1: {
  + fontSize: ["48px", "72px"],
  + fontWeight: "bold",
  + lineHeight: "110%",
  + letterSpacing: "-0.01em",
  + },
  + h2: {
  + fontSize: ["36px", "48px"],
  + fontWeight: "light",
  + lineHeight: "110%",
  + letterSpacing: "-0.01em",
  + },
  + },
  + }}
  + >
  + <chakra.h1 textStyle="h2" color="red.300">
  + Welcome
  + </chakra.h1>
  + </ThemeProvider>
  +)
  