使用样式化组件时，删除了父样式

Question

嗨，我正在尝试使用样式化组件来呈现我的html设计。但是，我遇到一个问题，当我输入新样式的标签时，我的样式已在父标签中删除。它仅保留最里面的标签的样式并删除所有内容。迅速的答复将不胜感激。抱歉，由于公司限制，未共享“高程”部件的导入链接

    import styled from "styled-components";


const AllGroupWrapper = Elevation.extend`
    width: 1080px;
    margin: 0 auto;
    margin-top: 32px;
`;

const TableHeadingBlockWrapper = styled.div`
  font-size: 18px;
  font-weight:
`;
const AllGroupListHeading = styled.div`
  font-size: 10px;
`;

const AllGroupSearch = styled(OpenSearch)`
  width: 324px;
  height: 50px;
  margin-top: 24px;
`;


<AllGroupWrapper level={3}>
    <TableHeadingBlockWrapper>{`My List (20)`}</TableHeadingBlockWrapper>
    <AllGroupSearch/>
</AllGroupWrapper>