Как получить значение переменных CSS, установленных в таблице стилей?

Question

У меня есть этот CSS:

body {
    --animation: terminal-bar;
    --size: 1.4;
}

как я могу получить значение --animation в JavaScript?

Я пробовал это:

getComputedStyle(document.body)['--animation'];
document.body.style.getPropertyValue('--animation');

они оба не работают, я нашел это в инструментах разработчика:

document.body.computedStyleMap().get('--animation')[0]

но согласно MDN это поддерживается только в Chrome.

Существует ли относительно кросс-браузерное решение (оно не должно работать в IE), где вы можете получить значение переменной CSS, установленной в таблице стилей CSS?