fix: linting errors

Author: nelsonlaidev

src/components/ui/table.tsx

@@ -67,7 +67,7 @@ export function TableHead(props: TableHeadProps) {
     <th
       data-slot='table-head'
       className={cn(
-        'h-12 px-3 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0',
+        'h-12 px-3 text-left align-middle font-medium whitespace-nowrap text-foreground has-[[role=checkbox]]:pr-0',
         className,
       )}
       {...rest}
@@ -83,7 +83,7 @@ export function TableCell(props: TableCellProps) {
   return (
     <td
       data-slot='table-cell'
-      className={cn('p-3 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0', className)}
+      className={cn('p-3 align-middle whitespace-nowrap has-[[role=checkbox]]:pr-0', className)}
       {...rest}
     />
   )