Объединение нескольких элементов «transform» в Less

У меня есть два миксина, которые оба преобразуются в -webkit-transform:

.rotate(@deg) {
  -webkit-transform: rotate(@deg);
}

.scale(@factor) {
  -webkit-transform: scale(@factor);
}

Когда я использую их вместе:

div {
  .rotate(15deg);
  .scale(2);
}

... они (как ожидаемый) отображается как:

div {
  -webkit-transform: rotate(15deg);
  -webkit-transform: scale(2);
}

Это не похоже на допустимый CSS, поскольку второй имеет приоритет над первым; первый отбрасывается. Чтобы объединить записи transform, это должно быть:

-webkit-transform: rotate(15deg) scale(2);

Как я могу добиться того, чтобы такой CSS генерировался с помощью LESS, т.е. несколько записей transform, которые правильно объединены?