Как передать реквизиты стилизованному компоненту, не конвертируя их в временные реквизиты? ⇐ CSS

[Anonymous]

Я создал компонент Text, который получает пару реквизитов. Эти реквизиты передаются стилизованному компоненту, где применяются стили. Я не хочу передавать реквизиты в DOM, я хочу получить к ним доступ только внутри стилизованного компонента.
Преобразование реквизитов в временные реквизиты работает, но при этом создается повторяющийся код, который, как мне кажется, делает весь компонент излишне больше.
Я хотел бы знать, как передать некоторые реквизиты в мой стилизованный компонент, не передавая их в DOM и не переопределяя каждый реквизит. Я пробовал использовать mustForwardProps, но не могу заставить его работать с Typescript.
type Props = {
children: React.ReactNode;
size: number;
height: number;
color: string;
};

const StyledText = styled.p`
color: ${({ $color }) => $color};
font-size: ${({ $size }) => `${$size}px;`};
line-height: ${({ $height }) => `${$height}px;`};
...
`;

const Text: React.FC = ({ children, size, height, color, ...rest }) => {
return (

{children}

);
};


Подробнее здесь: https://stackoverflow.com/questions/762 ... ient-props