[#47] ♻️ Apply Highlight component to required prop in Label

Author: yongb2n

src/components/common/label/Label.tsx

@@ -1,5 +1,7 @@
 import clsx from 'clsx'
 
+import { Highlight } from '../text'
+
 export interface LabelProps
   extends React.LabelHTMLAttributes<HTMLLabelElement> {
   required?: boolean
@@ -13,14 +15,13 @@ export const Label = ({
   children,
   className = '',
 }: LabelProps) => {
-  const labelClass = clsx('flex flex-col', className)
-  const requiredClass = 'text-body3 font-medium text-primary-normal'
+  const labelClass = clsx('flex flex-col text-body3 font-medium', className)
 
   return (
     <label htmlFor={htmlFor} className={labelClass}>
       <div className='mb-4 flex items-center'>
         <span className='font-medium text-gray-600'>{labelText}</span>
-        {required && <span className={requiredClass}>*</span>}
+        {required && <Highlight>*</Highlight>}
       </div>
       {children}
     </label>