update stable version of fast foundation to provide bug fixes (#27506)

change/@fluentui-web-components-e7330a7e-73e6-4efd-a09f-84f488b8f917.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "update fast foundation packages to import bug fixes",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/web-components/package.json

@@ -74,7 +74,7 @@
   "dependencies": {
     "@microsoft/fast-colors": "^5.3.0",
     "@microsoft/fast-element": "^1.11.0",
-    "@microsoft/fast-foundation": "^2.47.0",
+    "@microsoft/fast-foundation": "^2.48.0",
     "@microsoft/fast-web-utilities": "^5.4.0",
     "tslib": "^2.1.0"
   }

packages/web-components/src/anchor/index.ts

@@ -22,7 +22,7 @@ export class Anchor extends FoundationAnchor {
    * HTML Attribute: appearance
    */
   @attr
-  public appearance: AnchorAppearance;
+  public appearance?: AnchorAppearance;
   public appearanceChanged(oldValue: AnchorAppearance, newValue: AnchorAppearance): void {
     if (oldValue !== newValue) {
       this.classList.add(newValue);
@@ -50,9 +50,9 @@ export class Anchor extends FoundationAnchor {
     const slottedElements = this.defaultSlottedContent.filter(x => x.nodeType === Node.ELEMENT_NODE);
 
     if (slottedElements.length === 1 && slottedElements[0] instanceof SVGElement) {
-      this.control.classList.add('icon-only');
+      this.control?.classList.add('icon-only');
     } else {
-      this.control.classList.remove('icon-only');
+      this.control?.classList.remove('icon-only');
     }
   }
 }

yarn.lock

@@ -3054,10 +3054,10 @@
   resolved "https://registry.yarnpkg.com/@microsoft/fast-element/-/fast-element-1.11.0.tgz#494f6c87057bcbb42406982d68a92887d6b5acb1"
   integrity sha512-VKJYMkS5zgzHHb66sY7AFpYv6IfFhXrjQcAyNgi2ivD65My1XOhtjfKez5ELcLFRJfgZNAxvI8kE69apXERTkw==
 
-"@microsoft/fast-foundation@^2.47.0":
-  version "2.47.0"
-  resolved "https://registry.yarnpkg.com/@microsoft/fast-foundation/-/fast-foundation-2.47.0.tgz#a4cc8c5277e21d080215f5adcaed4266a8dd8a8e"
-  integrity sha512-EyFuioaZQ9ngjUNRQi8R3dIPPsaNQdUOS+tP0G7b1MJRhXmQWIitBM6IeveQA6ZvXG6H21dqgrfEWlsYrUZ2sw==
+"@microsoft/fast-foundation@^2.48.0":
+  version "2.48.0"
+  resolved "https://registry.yarnpkg.com/@microsoft/fast-foundation/-/fast-foundation-2.48.0.tgz#d0fcc333a1ed65a4f2d69d97247367600a35baca"
+  integrity sha512-kKrMq6oi16/BEL9UhjaZZcQ65BFYXBnIyzqkPlaG7AQ6afmQr33Azhfvx1yio77NjkWdpIUDhYrG/1qRz+VZKw==
   dependencies:
     "@microsoft/fast-element" "^1.11.0"
     "@microsoft/fast-web-utilities" "^5.4.1"