Разве `styled-components` не поддерживает переменную sass?

Question

Я хочу знать, поддерживает ли styled-components переменную функцию Sass.

следующий код не работает.

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

'background' не переопределяется $ my-red.это просто черный.

я что-то не так сделал?