fixed label font size for the dropdown in the forms

Author: equinorpiyush

web/core/Select/Select.tsx

@@ -1,12 +1,33 @@
 import { forwardRef } from 'react'
 import { NativeSelect as EdsNativeSelect, NativeSelectProps } from '@equinor/eds-core-react'
+import { twMerge } from 'tailwind-merge'
 
-type SelectProps = NativeSelectProps
+type SelectProps = NativeSelectProps & {
+  label?: string
+}
 
-export const Select = forwardRef<HTMLDivElement, SelectProps>(function Select({ children, ...rest }, ref) {
+export const Select = forwardRef<HTMLDivElement, SelectProps>(function Select({ 
+  children, 
+  className = '',
+  label,
+  id,
+  ...rest 
+}, ref) {
   return (
-    <EdsNativeSelect ref={ref} {...rest} className="[&>label]:text-base [&>label]:font-medium *:!text-slate-80">
-      {children}
-    </EdsNativeSelect>
+    <div ref={ref} className={className}>
+      {label && (
+        <label htmlFor={id} className="mx-2 text-base font-medium">
+          {label}
+        </label>
+      )}
+      <EdsNativeSelect 
+        {...rest}
+        id={id}
+        className="[&_select]:text-base"
+        label=''
+      >
+        {children}
+      </EdsNativeSelect>
+    </div>
   )
 })