Почему Magento2 Blank Theme так деплоит этот код, и как можно заставить выдавать на выходе правильный css?

Question

[lagudal]

Приветствую,
столкнулся с проблемой на пустом месте:
есть вот такой код, прописан в less, например

@media (min-width: 860px) {
	.product {
		flex: 0 0 calc((100% / 3) - 20px);
	}
}

После деплойя в М2 получаю "скалькулированный" код, конечно, неправильный.

@media (min-width: 860px) {
    .product {
      flex: 0 0 calc(13.33333333%);
  }
}

Т.е. если я понимаю правильно, компилятор типа считает на ходу, к тому же неправильно, т.к. видно что пиксели заменяются на % и выводится этот чистый бред.
Тема стандартная Blank, чистая, все штатно. Проверено на версиях 2.2 и 2.3 как минимум, как на других - не знаю...

Мне нужно, чтобы этот код оставался как есть, что можно сделать?

Answer 1

[titelhalter]

Нужно сделать escape, не вычислять данные less`ом, а отправить в css "как есть", для этого используется синтаксис ~"exp", то есть нужно написать
~"calc((100% / 3) - 20px)"

Comments

[lagudal]

Да, спасибо - как раз сейчас на stack overflow нашел это решение - именно то что надо.
Смутило то, что когда компилирую эту конструкцию из того же Less под gulp, то на выходе получаю нормальный код, а вот в magento - такой вот.
Но теперь буду знать.

[titelhalter]

lagudal

Вроде в 3 версии поменяли логику, видимо в magento более ранняя