Почему переменные не работают нормально с литеральной функцией шаблона `css` Lit? ⇐ CSS

[Anonymous]

Я пытаюсь абстрагировать тему своего веб-компонента следующим образом:

Код: Выделить всё

import { css } from 'lit';

const theme = {
primary: '#fff'
}

export const baseCss = css`
:host {
--primary: ${theme.primary}
}
`

Однако, по крайней мере, в TypeScript это не работает, и я получаю следующее сообщение об ошибке:

Код: Выделить всё

Argument of type 'string' is not assignable to parameter of type 'number | CSSResultGroup'.

Почему Lit предоставляет литеральную функцию тега шаблона только для того, чтобы она не могла получать интерполяцию переменных?
Это из-за внедрения кода? Потому что unsafeCSS, похоже, работает.

Подробнее здесь: https://stackoverflow.com/questions/757 ... l-function