В чем преимущество при использовании CSS-препроцессоров включения во вложенное имя стиля имени его родителя?
Почитайте про БЭМ. Причем желательно не просто краткое объяснение методологии, а с историческими выкладками, откуда и почему он взялся. Ещё очень полезно послушать старые лекции Виталия Харисова на эту тему.
PS На мой вкус, приведенный пример с кучей импортов переусложнен. Вытаскивать в отдельный файл каждый элемент блока нет смысла. Зачем отдельный файл десятку строк кода? А если их там много, значит скорее всего блок надо разбивать на подблоки.
такое вложение даёт некоторую "защиту" от того, что класс с подобным именем в другом родительском блоке переопределит такие стили, но это плохой код, так как двойные-тройные-энные селекторы замедляют рендер css, лучше использовать одинарные с БЭМ