fix(Table): add tw group for descendant styling

Author: adarshpastakia

packages/data/src/table/BodyCell.tsx

@@ -74,7 +74,7 @@ export const BodyCell = ({
 
   return (
     <div
-      className="overflow-hidden bg-inherit start-0 border-e"
+      className="overflow-hidden bg-inherit start-0 border-e group/table-col"
       style={{
         width: width ?? COL_DEFAULT_WIDTH,
         minWidth: column.minWidth ?? COL_MIN_WIDTH,

packages/data/src/table/BodyRow.tsx

@@ -74,7 +74,7 @@ export const BodyRow = ({
         role="none"
         data-row={index}
         className={classNames(
-          "flex flex-nowrap datatable-row data-[hilight]:outline-1 -outline-offset-1 outline-primary-500",
+          "flex flex-nowrap datatable-row data-[hilight]:outline-1 -outline-offset-1 outline-primary-500 group/table-row",
           onRowClick && "hover:bg-primary-50 active:bg-primary-100",
           index % 2 ? "bg-even" : "bg-odd",
         )}