您可以扩展内置类型CSSStyleDeclaration（ES6 lib类型）：

interface StyleProps extends Partial<CSSStyleDeclaration> {
  color?: string; // ! not necessary
  size?: string;
}
interface TextButtonProps {
  buttonStyle?: StyleProps;
  click: () => void;
  text: string;
}
const TextButton = ({ buttonStyle, text, click }: TextButtonProps) => {

使用Partial是因为内置类型的属性都是必需的。
操场

• 如何扩展元素的内在属性**

示例：本地

interface IButton extends ClassAttributes<HTMLButtonElement> {
  // custom properties
  size: ESize;
  variant: EVariant;
}

示例：React.js

import { ButtonHTMLAttributes } from "react";
interface IButton extends ButtonHtmlAttributes<HTMLButtonElement> {
  // custom properties
  size: ESize;
  variant : EVariant;
}

...
顺便说一句，ESize和EVariant是enum的，与理解示例无关。