Checkbox SVG icon displays incorrectly in applications with multiple themes

[dobromirts]

Description

The Checkbox SVG icon displays incorrectly in multi-theme applications when the wrapper’s default theme is set to indigo, causing the icon to render incorrectly for other themes within the wrapper component.
Related to - https://github.com/IgniteUI/igniteui-angular/pull/14520/files#diff-d8440ae54f8e381c947499499e892fd25029adfe3c7839f523ebb194a43a4090

• igniteui-angular version: 18.2.x
• browser: all

Steps to reproduce

1. Create an application using multiple themes.
2. Set 'Indigo' theme to the main component/wrapper.
3. Add a component utilizing different theme .e.g Material inside of the main wrapper.
4. Add checkbox component and observe the result

Result

What is the actual result after following the steps to reproduce?
Checkbox is loaded with the indigo svg path instead of the correct one.

Expected result

The correct icon to be displayed based on component theme.

Attachments

Theme used in main wrapper:

Thems used for the component:

[simeonoff]

@didimmova We have to ensure that each component theme includes a --theme property that is derived from the passed schema to the component theme.