Есть ли способ импортировать переменные из javascript в sass или наоборот?

Я делаю систему сетки css, которая опирается на концепцию блоков. У меня есть базовый файл, например:

$max-columns: 4;
$block-width: 220px;
$block-height: 150px;
$block-margin: 10px;

И он используется миксином:

@mixin block ($rows, $columns, $max-columns) {
  display: block;
  float: left;
  margin: $block-margin 0 0 $block-margin;
  box-sizing: border-box;
  width: ($block-width * $columns) - $block-margin;
}

Но я также хотел бы, чтобы javascript имел доступ к переменным в базовом файле. Я подумал, что можно сделать невидимый div, задать ему атрибуты $block-width, $block-height и $block-margin и брать значения оттуда. Но max-columns не связан ни с чем напрямую, поэтому мне придется придумать хитрый способ отобразить его в div. Есть ли более чистый способ передачи значений из sass/css в javascript или наоборот?