Solucionado! El css quedo asi:
::ng-deep {
.box .sketch-picker{
box-shadow: none !important;
}
}
La regla !important en CSS se utiliza para añadir más importancia a una propiedad/valor de lo normal.
De hecho, si utiliza la regla !important, anulará TODAS las reglas de estilo anteriores para esa propiedad específica en ese elemento.
De esta manera logre desactivar esa regla de estilo del componente en ese caso particular.