@angular/core tiene un objeto ViewEncapsulation para manejar el scope de los estilos. en qué casos es útil?

Estas son su opciones :

ShadowDom: Angular usa la API Shadow DOM integrada del navegador para encerrar la vista del componente dentro de un ShadowRoot (usado como elemento host del componente) y aplicar los estilos provistos de manera aislada. Emulated: Angular modifica los selectores de CSS del componente para que solo se apliquen a la vista del componente y no afecten a otros elementos de la aplicación (emula el comportamiento de Shadow DOM). None: Angular no aplica ningún tipo de encapsulación de vista, lo que significa que cualquier estilo especificado para el componente se aplica globalmente y puede afectar cualquier elemento HTML presente dentro de la aplicación. Este modo es esencialmente el mismo que incluir los estilos en el propio HTML