Javascript 如何增加样式化组件中传递的类属性的css特异性？

你好

我有一个名为“GridDropDownItem”的样式化组件，我通过道具获取类名，它也有自己的css属性

样式化组件：

const GridDropDownItem = styled.div.attrs<{ class: string }>(props => ({
    className: props.class //here i am taking class name
})) <{ class: string }>`
    width: 180px;
    height: 100px;
    border-radius: 4px;
`;

const GridDropDownItem=styled.div.attrs（props=>({
className:props.class//我在这里取类名
})) `
宽度：180px；
高度：100px；
边界半径：4px；
`;

在渲染中：

<GridDropDownItem class={itemClass ? itemClass : ''}></GridDropDownItem>

问题是，当我传递带有宽度和高度属性的itemClass时，它会被覆盖。我如何处理这种情况

截图：

如有任何建议，将不胜感激