feat(ui): add font-size support to SelectItem via SelectContext (#27379)

* feat(ui): add font-size support to SelectItem via SelectContext

Extends SelectContext to include fontSize so SelectItem inherits the
font size configured on the parent Select, enabling consistent text
sizing across both the trigger and dropdown items.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* nit

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: anuj-kumary

openmetadata-ui-core-components/src/main/resources/ui/src/components/base/select/select-item.tsx

@@ -1,13 +1,14 @@
-import { isValidElement, useContext } from 'react';
+import { Avatar } from '@/components/base/avatar/avatar';
+import { cx } from '@/utils/cx';
+import { isReactComponent } from '@/utils/is-react-component';
+import { fontSizeClass } from '@/utils/tailwindClasses';
 import { Check } from '@untitledui/icons';
+import { isValidElement, useContext } from 'react';
 import type { ListBoxItemProps as AriaListBoxItemProps } from 'react-aria-components';
 import {
   ListBoxItem as AriaListBoxItem,
   Text as AriaText,
 } from 'react-aria-components';
-import { Avatar } from '@/components/base/avatar/avatar';
-import { cx } from '@/utils/cx';
-import { isReactComponent } from '@/utils/is-react-component';
 import type { SelectItemType } from './select';
 import { SelectContext } from './select';
 
@@ -32,7 +33,7 @@ export const SelectItem = ({
   children,
   ...props
 }: SelectItemProps) => {
-  const { size } = useContext(SelectContext);
+  const { fontSize, size } = useContext(SelectContext);
 
   const labelOrChildren =
     label || (typeof children === 'string' ? children : '');
@@ -89,7 +90,8 @@ export const SelectItem = ({
           <div className="tw:flex tw:w-full tw:min-w-0 tw:flex-1 tw:flex-wrap tw:gap-x-2">
             <AriaText
               className={cx(
-                'tw:truncate tw:text-md tw:font-medium tw:whitespace-nowrap tw:text-primary',
+                'tw:truncate tw:font-medium tw:whitespace-nowrap tw:text-primary',
+                fontSizeClass[fontSize],
                 state.isDisabled && 'tw:text-disabled'
               )}
               slot="label">
@@ -100,7 +102,8 @@ export const SelectItem = ({
             {supportingText && (
               <AriaText
                 className={cx(
-                  'tw:text-md tw:whitespace-nowrap tw:text-tertiary',
+                  'tw:whitespace-nowrap tw:text-tertiary',
+                  fontSizeClass[fontSize],
                   state.isDisabled && 'tw:text-disabled'
                 )}
                 slot="description">

openmetadata-ui-core-components/src/main/resources/ui/src/components/base/select/select.tsx

@@ -152,7 +152,11 @@ const SelectValue = ({
   );
 };
 
-export const SelectContext = createContext<{ size: 'sm' | 'md' }>({
+export const SelectContext = createContext<{
+  size: 'sm' | 'md';
+  fontSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}>({
+  fontSize: 'md',
   size: 'sm',
 });
 
@@ -170,7 +174,7 @@ const Select = ({
   ...rest
 }: SelectProps) => {
   return (
-    <SelectContext.Provider value={{ size }}>
+    <SelectContext.Provider value={{ fontSize, size }}>
       <AriaSelect
         {...rest}
         className={(state) =>