如何将类型应用于对象属性名称，以便只允许有效的CSS属性？

interface CSSProperties {
  [key: string]: string;
}

const validCSSProperties: string[] = [
  'color',
  'font-size',
  'background-color',
  // 其他有效的 CSS 属性
];

function applyCSSProperties(element: HTMLElement, properties: CSSProperties) {
  for (const key in properties) {
    if (validCSSProperties.includes(key)) {
      element.style[key] = properties[key];
    }
  }
}

const myElement = document.getElementById('my-element');
const cssProps = {
  color: 'red',
  font-size: '16px',
  invalid-property: 'value', // 无效的 CSS 属性
};

applyCSSProperties(myElement, cssProps);

function applyCSSProperties(element, properties) {
  for (const key in properties) {
    if (typeof key === 'string' && validCSSProperties.includes(key)) {
      element.style[key] = properties[key];
    }
  }
}

// 其他代码和示例中的 validCSSProperties 数组相同