ついにFirefoxでも @scope がサポートされました。
これでフレームワークを使わなくても実装が楽になると思ったのですが、少し注意が必要です。
Vue.js や React などのコンポーネントのように、「そのCSSが、そのコンポーネントだけに適用される」というわけではない からです。
個人的な所感としては、
「外からの影響を防ぐ」というよりは、「外に影響を与えないように書く」 ための機能、という印象でした。
ひとまず、勉強不足だという事は一番高い棚に上げる として、今のところはBEMから抜け出すのは、なかなか難しそうです。