`styled-components`不支持sass变量吗？

Question

我想知道styled-components是否支持Sass的可变功能。

以下代码无效。

const myDiv = styled.div`
    background: black;
    $my-red: rgba(255, 0, 0, 0.7);
    background: $my-red;
`

“背景”不会被$ my-red覆盖。它只是黑色。

我有什么问题吗？