IgxAvatar nested inside IgxCard has a different default size in angular package than in web-components package

[pmoleri]

Description

IgxAvatar inside IgxCard default size is different in angular package than in web-components package.

• igniteui-angular version: 20.1.1
• igniteui-webcomponents version: 6.3.1
• browser: any

Steps to reproduce

1. Set default --ig-size: var(--ig-size-large)
2. Add a Card
3. Add a Div inside Card Content
4. Add an Avatar inside the Div

Result

The avatar is rendered as small in Angular (because it's a descendant of the card).
The avatar is rendered as large in Web Components (because it's not a direct child of the card).

Expected result

Both theming engines to produce the same result.

Attachments

Angular example: https://stackblitz.com/edit/mxxrkqsx?file=src%2Fapp%2Fcard-sample-3%2Fcard-sample-3.component.html,src%2Fapp%2Fcard-sample-3%2Fcard-sample-3.component.scss
Web Components example: https://codepen.io/pmoleri/pen/VYejxPx