Brand center fonts not applying to navigation elements on associated hub sites

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

No response

Describe the bug / error

Hub site: brand center fonts apply to all elements on a hub site including hub and site navigation.
Associated sites: brand center font inheritance doesn't flow to navigation, being overriden by

Steps to reproduce

1. Apply a font package to a hub site via Brand Center and check it's applying fonts to hub and main site navigation
2. View another site associated with the hub - inline css will
3. On associated sites .siteNavLink-155 #SiteHorizontalNav { font-family: var(--fontFamilyBase); } overrides .ms-HorizontalNavItem-linkText { font-family: var(--fontFamilyCustomFont500, var(--fontFamilyBase)); } }

Expected behavior

Brand Center fonts to apply to navigation on both main hub and associated sites