Переходи на stylus или post-css ;)

@tadatuta , а как это будет на stylus?

.block {
  &_mod {   
    // не знаю как можно прокинуть селектор родительского элемента чтобы
    // не дублировать имя ручками.
    // (&__element == .block-mod__element)
    & .block__element {
      color: white;
    }
  }
}

Решение ( от @tadatuta ):

Можно так:

.block {
  b = '.block';
  &_mod {
      & {b}__element {
      color: white;
    }
  }
}

Вот так можно на postcss сделать (после или до stylus — не важно), если вам теги не нужны.

block {
  _mod {
    & __element {
      color: white
    }
  }
}

На stylus можно делать так:

ctx = '.b-block'

{ctx} {

}

@tadatuta Спасибо! Обновил свой комментарий.

Кстати, а не лучше стили модификаторов, которые модифицируют элементы, размещать в самих элементах? Так все стили для конкретного элемента будут рядом и не потеряются:

// LESS
.block {
  @rootParent: .block;

  &_modifier {
    // Стили модификатора
  }

  &__element {
    // Стили элемента

    @{rootParent}_modifier & {
      // Стили элемента, когда к блоку применён modifier
    }
  }
}

Ок, спасибо, мне главное было понять что более красивого решения на Sass чем мой вариант нет.