Лучший способ обмена константами между Javascript и CSS

Я создаю веб-сайт с множеством динамических вещей, изложенных в javascript, а также CSS. Что меня беспокоит, так это то, что половина моих констант измерений (положения и размеры вещей на странице) находятся в моем javascript, тогда как другие находятся в моем CSS. Есть ли хороший способ создать «единое место» для таких констант?

Сначала я подумал, что могу использовать генератор CSS, такой как LessCss или SASS, но в документации для тех, кто не вижу способа доступа к объявленным константам из другого javascript файл тоже. Может ли кто-нибудь указать мне на ясный идиоматический способ решения этой проблемы?

Спасибо за любую помощь!

EDIT:

Чтобы прояснить, в чем моя проблема: Часть моей страницы состоит из высокоспециализированного компонента электронной таблицы, который я создал с нуля на JavaScript для запуска в элементе холста. У меня есть много констант макета, связанных с этим компонентом, таких как cell_width, cell_height и т. Д., Которые не являются стандартными свойствами CSS. Другие компоненты моего сайта более типичны и стилизованы с помощью CSS. Что мне интересно, так это то, есть ли принятый способ сохранить в одном месте мои константы стилей CSS и Javascript в одном месте. Это может происходить либо путем сохранения «пользовательских» свойств в моем CSS, которые используются только для чтения их через javascript. Или, если LessCss или SASS имеют способ устанавливать переменные через мой собственный javascript перед рендерингом, это тоже сработает. Однако я не нашел в Интернете информации ни по одному из этих вопросов.