Variants on Text cause issue with ESLint and cannot build project

Description

When creating a custom theme for the Text component, I except to be able to have variants but I have ESLint error informing me that this is not possible

Link to Reproduction

https://codesandbox.io/s/nervous-alex-uow1k

Steps to reproduce

1. Go to provided codesandbox demo
2. Once the project is started go on index.tsx component
3. The variant is correctly applied to the Text

Chakra UI Version

1.7.4

Browser

Brave 97

Operating System

• macOS
• Windows
• Linux

Additional Information

Variants on the Text components causing an error when trying to build the project or deploying it on Vercel. The variants are correctly displayed on the screens (as showed in the codesandbox) but it’s not possible to build the project (using next build).

The error is the following: `Type error: Type ‘string’ is not assignable to type ‘undefined’.``

It’s possible to fix the issue by using textStyles instead but this is not consistent with other components that all use variants (even the Heading component support variants).

[primos63]

The issue lies in system.types.d.ts and the interface ThemingProps. A recent change has caused the issue. As a temporary fix, please revert back to @chakra-ui/react version 1.7.2.

[masashi-sutou]

System v1.10.0

• Updated type ThemingProps to allow string values for the props variant and size even on components which are not in the default theme.

https://github.com/chakra-ui/chakra-ui/blob/main/CHANGELOG.md#25-01-2022

• I think this issue was solved by @ chakra-ui / react v1.8.0.