Попутный ветер, один из произвольных цветов, не работает, если он записан как переменная

Попутный ветер заявляет, что следующее возможно, когда речь идет о произвольных цветах, которые мы не хотим загрязнять конфигурацию попутного ветра:

bg-[#e73d3dFF]

Теперь в коде, когда вы пишете такой цвет, он работает:

bg-[#e73d3dFF]

Вот часть, которая меня сбивает с толку, когда она написана с использованием любой формы компиляции (я покажу все примеры), она не работает. Строка правильно распечатывается в HTML, но цвет не отображается.

Пример 1

`bg-[${navItem.bg.hex}]`

Пример 2

const classStyle = `bg-[${navItem.bg.hex}]`;
classNames({[classStyle]: true}); 

Пример 3:

'bg-[' + {navItem.bg.hex} + ']'; 

Все приведенные выше примеры приводят к правильной печати HTML, поэтому мы видим:

<li class="bg-[#e73d3dFF]">

Но вот кикер, цвет не отображается, правила не применяются, как будто правило цвета не было создано Tailwind.

Есть идеи?