Ótima pergunta! Testei isso e notei que não havíamos implementado corretamente o suporte para uso de imagens de fundo ou variáveis de tema nas definições de cores especiais da folha de estilo. Por isso, fiz algumas correções no núcleo, e agora você deve conseguir fazer isso (certifique-se de atualizar para a versão mais recente do núcleo).
Assim, se você tiver duas imagens no seu tema ou componente de tema, com variáveis SCSS chamadas $bg-light e $bg-dark, respectivamente, pode adicionar o seguinte à sua folha de estilo color_definitions.scss:
$bg: url(dark-light-choose($bg-light, $bg-dark));
:root {
--custom-bg: #{$bg};
}
E então você pode usar var(--custom-bg) na sua folha de estilo regular.