在设置情感全局主题的过程中，重复发生错误，指出正在引用未知属性。

import React from 'react';
import styled from '@emotion/styled';

const ThemeTest1 = styled.div`
  // Property 'colors' does not exist on type 'Theme'.
  color: ${props => props.theme.colors.red}; 
`;

const LogIn = () => {
  return (
    <>
      <div>login</div>
      <ThemeTest1 >theme test1</div>     
    </>
  );
};

export default LogIn;

当前项目中使用的情感版本和用于设置全局主题的代码如下。
第一个
我似乎已经正常完成了设置，但如下错误的原因是什么？