Estoy trabajando en un modelo de proyecto de reacción para comenzar.
mi compañero de equipo dijo que sería genial tener el nombre del componente y su ruta en los nombres de clase CSS que definimos. sería más fácil encontrar y ubicar el componente para la depuración, dijo.
algo como: (src/components/shared/post.tsx)

 .test { ... }

 <div className="test">...</div>

y el resultado ser:

 .shared__post__test { ... }

 <div className="shared__post__">...</div>

Soy consciente de que este tipo de comportamiento se implementa en "Módulos CSS" con "localIdentName", pero dijimos que no lo usaríamos en este proyecto.

He buscado una alternativa pero no encontré nada.

¿Tiene alguna sugerencia sobre cómo puedo lograr esto?