Styled-componentで優先度(Specificity)はあげたいけど!importantは使いたくない

TL;DR

const Title = styled.h1`
&&& {
    margin: 24px;
}
`

&が1つにつき1つのクラスが付与される仕組みになっているため、優先されてしまうCSSよりも優先度をあげることができる。

参考文献

https://styled-components.com/docs/faqs#how-can-i-override-styles-with-higher-specificity

https://udomomo.hatenablog.com/entry/2019/11/06/145717