¿Qué ventajas o cual es la diferencia de usar transition e implementar las animaciones desde Css? La verdad no veo ninguna

Transition son animaciones desde CSS, la diferencia es que el componente Transition te da los eventos de cuándo comienza o termina la actualización del componente y el DOM, por si quisieras realizar animaciones ahí.

Claro que si para tu caso de uso una transición común y corriente te sirve, mucho mejor.

Transition, igual que el resto de las características, solo están ahí porque hay casos dónde se necesitan, y por si te llegas a topar con alguno de esos, para todo lo demás, mejor usar lo estandar.