css設計、環境開発をモダンな環境にしたい

【教えてもらいたいこと】
プログラミング/フロントエンド JavaScript HTML/CSS

【利用目的】
技術的な質問・相談, ロードマップ・学習法相談, コードレビュー

【具体的な相談内容】
css設計、開発環境をモダンな環境にしたいと考えています。

現在、癖の強いBEMの書き方をしています。

例
トップページ
.top__sevice
お問い合わせ
.contact__content

scss
top{
&__service {
margin: 0 auto;
}
}
のような書き方です。
詳しくはご連絡いただいた際にお伝えします。


これを現場でも良く使われている、
モダンな書き方に変更していきたいと思っています。

またgulpを使っており、gulpの環境の見直し、
またviteを使って同じような環境を作れればいいなと考えています。

基本はチャットベース、時々ビデオチャット（画面オフで画面共有等）で教えてくれる方だとありがたいです。

現在フロントで実装されている方だとなおありがたいです。

また、詳しい指導方法は提案していただけるとありがたいです。
どうぞ宜しくお願い致します。

【希望相談スタイル】
技術的な質問・相談, ロードマップ・学習法相談

【目安予算】
25000円