fix(dropdown): remove bootstrap top and bottom padding from the base part (#1471)

- update fluent headers to subtitle-2

Author: desig9stein

src/components/dropdown/themes/header.ts

@@ -1,19 +1,26 @@
 import { css } from 'lit';
 
 import type { Themes } from '../../../theming/types.js';
+import { styles as fluent } from './shared/header/dropdown-header.fluent.css.js';
 // Shared Styles
 import { styles as indigo } from './shared/header/dropdown-header.indigo.css.js';
 
 const light = {
   indigo: css`
     ${indigo}
   `,
+  fluent: css`
+    ${fluent}
+  `,
 };
 
 const dark = {
   indigo: css`
     ${indigo}
   `,
+  fluent: css`
+    ${fluent}
+  `,
 };
 
 export const all: Themes = { light, dark };

src/components/dropdown/themes/shared/dropdown.bootstrap.scss

@@ -9,6 +9,5 @@ $theme: $bootstrap;
 }
 
 [part='base'] {
-    padding: rem(8px) 0;
     border: rem(1px) solid var-get($theme, 'border-color');
 }

src/components/dropdown/themes/shared/header/dropdown-header.fluent.scss

@@ -0,0 +1,5 @@
+@use 'styles/utilities' as *;
+
+:host {
+    @include type-style('subtitle-2');
+}