Autosuggest: Update suggestion group heading design (#1581)

.changeset/good-hats-remember.md

@@ -0,0 +1,12 @@
+---
+'braid-design-system': patch
+---
+
+---
+updated:
+  - Autosuggest
+---
+
+**Autosuggest:** Update suggestion group heading design
+
+Updating the design of the suggestion group headings, moving from `formAccent` to `secondary` tone, from all caps to provided casing, and from `xsmall` to `small` size.

packages/braid-design-system/src/lib/components/Autosuggest/Autosuggest.css.ts

@@ -30,7 +30,3 @@ export const menu = style(
     },
   }),
 );
-
-export const groupHeading = style({
-  textTransform: 'uppercase',
-});

packages/braid-design-system/src/lib/components/Autosuggest/Autosuggest.tsx

@@ -207,13 +207,12 @@ function GroupHeading({ children }: GroupHeadingProps) {
     <Box
       paddingX="small"
       className={[
-        styles.groupHeading,
         touchableText.xsmall,
         textStyles({
-          size: 'xsmall',
-          baseline: false,
+          size: 'small',
+          baseline: true,
           weight: 'strong',
-          tone: 'formAccent',
+          tone: 'secondary',
         }),
       ]}
       data-testid={