style(data-table): modernize header selector utilities

web/default/src/components/data-table/core/data-table-view.tsx

@@ -136,8 +136,8 @@ function SplitHeaderTableView<TData>({
       <div
       <div
         className={cn(
         className={cn(
           'min-h-0 flex-1 overflow-auto',
           'min-h-0 flex-1 overflow-auto',
-          '[&_[data-slot=table-header]]:[--table-header-bg:color-mix(in_oklch,var(--muted)_30%,var(--background))]',
-          '[&_[data-slot=table-header]]:[background-color:var(--table-header-bg)]',
+          '**:data-[slot=table-header]:[--table-header-bg:color-mix(in_oklch,var(--muted)_30%,var(--background))]',
+          '**:data-[slot=table-header]:bg-(--table-header-bg)',
           props.splitHeaderScrollClassName,
           props.splitHeaderScrollClassName,
           props.bodyContainerClassName
           props.bodyContainerClassName
         )}
         )}