Merge pull request #23219 from backstage/styling/table-remove-inline-uppercase

Table: Remove textTransform inline styling

.changeset/empty-ladybugs-perform.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Move the text-transform styling on BackstageTableHeader from inline styling to `withStyles` so it can be customised easier

packages/core-components/src/components/Table/Table.tsx

@@ -115,6 +115,7 @@ const StyledMTableHeader = withStyles(
       fontWeight: theme.typography.fontWeightBold,
       position: 'static',
       wordBreak: 'normal',
+      textTransform: 'uppercase',
     },
   }),
   { name: 'BackstageTableHeader' },
@@ -436,7 +437,7 @@ export function Table<T extends object = {}>(props: TableProps<T>) {
           Toolbar,
           ...components,
         }}
-        options={{ headerStyle: { textTransform: 'uppercase' }, ...options }}
+        options={options}
         columns={convertColumns(columns, theme)}
         icons={tableIcons}
         title={