design: 폼 기본 스타일 수정

apps/common/features/src/widgets/post/ui/post-comment.tsx

@@ -125,7 +125,7 @@ function PostComment({ bbsId, pstNo }: { bbsId: number; pstNo: number }) {
                 <FormControl>
                   <Textarea
                     maxLength={1000}
-                    className="h-[10rem] bg-background p-4 !text-[1.3rem] !leading-6 text-foreground"
+                    className="h-[10rem] bg-background p-4 !text-[1.3rem] !leading-6"
                     placeholder="댓글을 입력해주세요."
                     {...field}
                   />
@@ -145,7 +145,7 @@ function PostComment({ bbsId, pstNo }: { bbsId: number; pstNo: number }) {
                         <Input
                           {...field}
                           value={field.value ?? ""}
-                          className="w-[16rem] bg-background !text-[1.3rem] text-foreground"
+                          className="w-[16rem] bg-background !text-[1.3rem]"
                           placeholder="작성자"
                         />
                       </FormControl>
@@ -164,7 +164,7 @@ function PostComment({ bbsId, pstNo }: { bbsId: number; pstNo: number }) {
                           {...field}
                           type="password"
                           value={field.value ?? ""}
-                          className="w-[12rem] bg-background !text-[1.3rem] text-foreground"
+                          className="w-[12rem] bg-background !text-[1.3rem]"
                           placeholder="비밀번호"
                         />
                       </FormControl>
@@ -200,7 +200,7 @@ function PostComment({ bbsId, pstNo }: { bbsId: number; pstNo: number }) {
                       value={editValue}
                       onChange={(e) => setEditValue(e.target.value)}
                       maxLength={1000}
-                      className="h-[10rem] bg-background p-4 !text-[1.3rem] !leading-6 text-foreground"
+                      className="h-[10rem] bg-background p-4 !text-[1.3rem] !leading-6"
                     />
                     <div className="flex gap-2">
                       <Button

packages/common/components/src/ui/input/index.tsx

@@ -7,7 +7,7 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
     return (
       <input
         className={cn(
-          "flex h-[3.2rem] w-full rounded-md border border-input bg-form px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-placeholder focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "flex h-[3.2rem] w-full rounded-md border border-input bg-form px-3 py-2 text-base text-foreground ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-placeholder focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className,
         )}
         ref={ref}

packages/common/components/src/ui/textarea/index.tsx

@@ -9,7 +9,7 @@ const Textarea = React.forwardRef<
   return (
     <textarea
       className={cn(
-        "flex min-h-[6rem] w-full rounded-md border border-input bg-transparent p-3 text-base placeholder:text-placeholder focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "flex min-h-[6rem] w-full rounded-md border border-input bg-transparent p-3 text-base text-foreground placeholder:text-placeholder focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         className,
       )}
       ref={ref}