Лично мне использование амперсанда принесло больше вреда чем пользы, поэтому я придерживаюсь второго варианта:
.banner {
свойства
}
.banner__text {
свойства
}
.banner__img {
свойства
}
Даже если каждый блок разбит на отдельные файлы поиск в самом файле намного проще, при этом можно использовать глобальный поиск по проекту и сразу переходить к нужному классу.
Но SCSS это не только амперсанд, поэтому одно другому не мешает, хотя я использую только postCSS
