@ media-common - зачем нам это использовать?

В документации Magento 2 lib она содержит следующее:

@ media-common: true | false - устанавливает, следует ли выводить общие стили. Для общих стилей каждый раз, когда вы хотите добавить некоторые стили, вы должны использовать

& when (@media-common = true) {
    your styles
}

Вопрос

В чем разница между этим и написанием Less без него? Такие как:

& when (@media-common = true) {
    body {
        background: blue;
    }
}

Как это компилируется по-другому:

body {
    background: blue;
}

Не будет ли он выведен в styles-l.css и styles-m.css независимо?

Magento 2 следует подходу Mobile First, а @ media-common = true был разработан для определения стилей, которые являются базовыми (мобильными) и должны присутствовать в styles-m.css. Если вы отбросите это объявление, стили будут выведены как в файлы, так styles-m.cssи в styles-l.cssфайлы.