How to extend provided value in Angular DI

angular-extend-provided.ts

/** 
 * Nice little trick that allows to provide some settings in the parent
 * and then override some of them in the child
 */
import { Component, Inject, InjectionToken, NgModule, SkipSelf } from '@angular/core';
import { defaults } from 'lodash-es';

export const SETTINGS_TOKEN = new InjectionToken('SETTINGS_TOKEN');

@Component({
    selector: 'app-example',
    template: '',
    providers: [
        {
            provide: SETTINGS_TOKEN,
            useFactory: (defaultSettings: Record<string, number>) => {
                return defaults({ a: 10 }, defaultSettings);
            },
            deps: [[new SkipSelf(), SETTINGS_TOKEN]]
        }
    ]
})
export class ExampleComponent {
    constructor(@Inject(SETTINGS_TOKEN) private settings: Record<string, number>) {}
}

@NgModule({
    declarations: [ExampleComponent],
    exports: [ExampleComponent],
    providers: [
        {
            provide: SETTINGS_TOKEN,
            useValue: {
                a: 1,
                b: 2,
                c: 3
            }
        }
    ]
})
export class ExampleModule {}