styled(react.components)

есть компонент

    import styled from 'styled-components';

    export const ButtonStyled = styled.button`
        padding: 0 10px;
        font-size: ${({theme}) => theme.fontSize.defaultSize};
        cursor: pointer;
    `;

    export const Button = (props: ButtonProps): JSX.Element => {
        const { value, handleClick } = props;

        return <ButtonStyled onClick={handleClick}>{value}</ButtonStyled>;
    };

Решил расширить его функционал и в стилях для другого компонента делаю подобное (импортирую уже компонент с button.tsx)

export const SimpleButton: any = styled(Button)`
    padding: 16px 14px;

    border-radius: 8px;
`;

на выходе получаю обычный Button. с таким же className что и у обычного компонента

<button class="sc-bdnylx eSAAZB">simple</button>
<button class="sc-bdnylx eSAAZB">red</button>

для сборки использую RCA

что докрутить можно для автоматической сборки и правильным class?