styled-componentsのComponentの継承にはclasNameを付ける必要がある

Components自体を継承してそれにStyleをoverrideする

継承元のコンポーネントにclassNameを明示的に書く必要がある

interface RequiredProps {
  className?: string;
}
const Required: React.FC<RequiredProps> = ({ className }) => (
  <P className={className}>＊</P>	// classNameが必要
)

export const P = styled.span`
  color: #fa6d63;
  font-size: 10px;
  margin-left: 5px;
`;

const R = styled(Required)`		// ←この括弧の中が`P`なら普通のoverrideなので↑こんなことを考えなくても大丈夫
	margin-bottom: 10px;
`
// 使う側
<R />

If you are using react-native keep in mind to use style instead of className.