fix(pie-icons-webc): DSW-1539 Remove :host-context usage for icon sizing

.changeset/few-gifts-shop.md

@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-icons-webc": minor
+---
+
+[Fixed] - Atempt to resolve icons size issue

packages/tools/pie-icons-webc/build.js

@@ -38,8 +38,7 @@ const componentSelector = '${kebabCase(name)}';
 export class ${name} extends LitElement implements IconProps {
     // The following styles make sure that the icon will be sized correctly
     static styles = css\`
-        :host-context(pie-icon-button) svg,
-        :host-context(pie-button) svg {
+        :host(.has-svg-element) svg {
             display: block;
             width: var(--btn-icon-size);
             height: var(--btn-icon-size);
@@ -62,6 +61,17 @@ export class ${name} extends LitElement implements IconProps {
             this._svg?.setAttribute('width', svgSize.width);
             this._svg?.setAttribute('height', svgSize.height);
         }
+
+        const hasSvgElement = this.closest('pie-icon-button, pie-button');
+
+        if (hasSvgElement) {
+            this.classList.add('has-svg-element');
+        }
+    }
+
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.classList.remove('has-svg-element');
     }
 
     updated (changedProperties: PropertyValues<this>) : void {