fix: input style priority (#5383)

packages/frontend/component/src/components/rename-modal/index.css.ts

@@ -1,6 +0,0 @@
-import { style } from '@vanilla-extract/css';
-
-export const input = style({
-  height: '34px',
-  width: '220px',
-});

packages/frontend/component/src/components/rename-modal/index.tsx

@@ -2,7 +2,6 @@ import { useCallback, useState } from 'react';
 
 import Input from '../../ui/input';
 import { Menu } from '../../ui/menu';
-import * as styles from './index.css';
 
 export const RenameModal = ({
   onRename,
@@ -33,12 +32,12 @@ export const RenameModal = ({
       }}
       items={
         <Input
-          className={styles.input}
           autoFocus
           defaultValue={value}
           onChange={setValue}
           onEnter={handleRename}
           data-testid="rename-modal-input"
+          style={{ width: 220, height: 34 }}
         />
       }
     >