From d55c67947f480946ce71e23f23a8d20f58b817d0 Mon Sep 17 00:00:00 2001
From: Benny Joo <sldisek783@gmail.com>
Date: Thu, 21 Oct 2021 10:56:57 +0100
Subject: [PATCH] [system] Run scripts

---
 docs/pages/api-docs/accordion-actions.json                   | 2 +-
 docs/pages/api-docs/accordion-details.json                   | 2 +-
 docs/pages/api-docs/accordion-summary.json                   | 2 +-
 docs/pages/api-docs/accordion.json                           | 2 +-
 docs/pages/api-docs/alert-title.json                         | 2 +-
 docs/pages/api-docs/alert.json                               | 2 +-
 docs/pages/api-docs/app-bar.json                             | 2 +-
 docs/pages/api-docs/autocomplete.json                        | 2 +-
 docs/pages/api-docs/avatar-group.json                        | 2 +-
 docs/pages/api-docs/avatar.json                              | 2 +-
 docs/pages/api-docs/backdrop.json                            | 2 +-
 docs/pages/api-docs/badge.json                               | 2 +-
 docs/pages/api-docs/bottom-navigation-action.json            | 2 +-
 docs/pages/api-docs/bottom-navigation.json                   | 2 +-
 docs/pages/api-docs/breadcrumbs.json                         | 2 +-
 docs/pages/api-docs/button-base.json                         | 2 +-
 docs/pages/api-docs/button-group.json                        | 2 +-
 docs/pages/api-docs/button.json                              | 2 +-
 docs/pages/api-docs/calendar-picker-skeleton.json            | 5 ++++-
 docs/pages/api-docs/card-action-area.json                    | 2 +-
 docs/pages/api-docs/card-actions.json                        | 2 +-
 docs/pages/api-docs/card-content.json                        | 2 +-
 docs/pages/api-docs/card-header.json                         | 2 +-
 docs/pages/api-docs/card-media.json                          | 2 +-
 docs/pages/api-docs/card.json                                | 2 +-
 docs/pages/api-docs/checkbox.json                            | 2 +-
 docs/pages/api-docs/chip.json                                | 2 +-
 docs/pages/api-docs/circular-progress.json                   | 2 +-
 docs/pages/api-docs/collapse.json                            | 2 +-
 docs/pages/api-docs/container.json                           | 2 +-
 docs/pages/api-docs/date-range-picker-day.json               | 2 +-
 docs/pages/api-docs/dialog-actions.json                      | 2 +-
 docs/pages/api-docs/dialog-content-text.json                 | 2 +-
 docs/pages/api-docs/dialog-content.json                      | 2 +-
 docs/pages/api-docs/dialog-title.json                        | 2 +-
 docs/pages/api-docs/dialog.json                              | 2 +-
 docs/pages/api-docs/divider.json                             | 2 +-
 docs/pages/api-docs/drawer.json                              | 2 +-
 docs/pages/api-docs/fab.json                                 | 2 +-
 docs/pages/api-docs/filled-input.json                        | 2 +-
 docs/pages/api-docs/form-control-label.json                  | 2 +-
 docs/pages/api-docs/form-control.json                        | 2 +-
 docs/pages/api-docs/form-group.json                          | 2 +-
 docs/pages/api-docs/form-helper-text.json                    | 2 +-
 docs/pages/api-docs/form-label.json                          | 2 +-
 docs/pages/api-docs/grid.json                                | 2 +-
 docs/pages/api-docs/icon-button.json                         | 2 +-
 docs/pages/api-docs/icon.json                                | 2 +-
 docs/pages/api-docs/image-list-item-bar.json                 | 2 +-
 docs/pages/api-docs/image-list-item.json                     | 2 +-
 docs/pages/api-docs/image-list.json                          | 2 +-
 docs/pages/api-docs/input-adornment.json                     | 2 +-
 docs/pages/api-docs/input-base.json                          | 2 +-
 docs/pages/api-docs/input-label.json                         | 2 +-
 docs/pages/api-docs/input.json                               | 2 +-
 docs/pages/api-docs/linear-progress.json                     | 2 +-
 docs/pages/api-docs/link.json                                | 2 +-
 docs/pages/api-docs/list-item-avatar.json                    | 2 +-
 docs/pages/api-docs/list-item-button.json                    | 2 +-
 docs/pages/api-docs/list-item-icon.json                      | 2 +-
 docs/pages/api-docs/list-item-secondary-action.json          | 2 +-
 docs/pages/api-docs/list-item-text.json                      | 2 +-
 docs/pages/api-docs/list-item.json                           | 2 +-
 docs/pages/api-docs/list-subheader.json                      | 2 +-
 docs/pages/api-docs/list.json                                | 2 +-
 docs/pages/api-docs/loading-button.json                      | 2 +-
 docs/pages/api-docs/masonry.json                             | 2 +-
 docs/pages/api-docs/menu-item.json                           | 2 +-
 docs/pages/api-docs/menu.json                                | 2 +-
 docs/pages/api-docs/mobile-stepper.json                      | 2 +-
 docs/pages/api-docs/modal.json                               | 2 +-
 docs/pages/api-docs/month-picker.json                        | 2 +-
 docs/pages/api-docs/native-select.json                       | 2 +-
 docs/pages/api-docs/outlined-input.json                      | 2 +-
 docs/pages/api-docs/pagination-item.json                     | 2 +-
 docs/pages/api-docs/pagination.json                          | 2 +-
 docs/pages/api-docs/paper.json                               | 2 +-
 docs/pages/api-docs/pickers-day.json                         | 2 +-
 docs/pages/api-docs/popover.json                             | 2 +-
 docs/pages/api-docs/radio.json                               | 2 +-
 docs/pages/api-docs/rating.json                              | 2 +-
 docs/pages/api-docs/select.json                              | 2 +-
 docs/pages/api-docs/skeleton.json                            | 2 +-
 docs/pages/api-docs/slider.json                              | 2 +-
 docs/pages/api-docs/snackbar-content.json                    | 2 +-
 docs/pages/api-docs/snackbar.json                            | 2 +-
 docs/pages/api-docs/speed-dial-action.json                   | 2 +-
 docs/pages/api-docs/speed-dial-icon.json                     | 2 +-
 docs/pages/api-docs/speed-dial.json                          | 2 +-
 docs/pages/api-docs/stack.json                               | 2 +-
 docs/pages/api-docs/step-button.json                         | 2 +-
 docs/pages/api-docs/step-connector.json                      | 5 ++++-
 docs/pages/api-docs/step-content.json                        | 2 +-
 docs/pages/api-docs/step-icon.json                           | 2 +-
 docs/pages/api-docs/step-label.json                          | 2 +-
 docs/pages/api-docs/step.json                                | 2 +-
 docs/pages/api-docs/stepper.json                             | 2 +-
 docs/pages/api-docs/svg-icon.json                            | 2 +-
 docs/pages/api-docs/switch.json                              | 2 +-
 docs/pages/api-docs/tab-panel.json                           | 2 +-
 docs/pages/api-docs/tab-scroll-button.json                   | 2 +-
 docs/pages/api-docs/tab.json                                 | 2 +-
 docs/pages/api-docs/table-body.json                          | 2 +-
 docs/pages/api-docs/table-cell.json                          | 2 +-
 docs/pages/api-docs/table-container.json                     | 2 +-
 docs/pages/api-docs/table-footer.json                        | 2 +-
 docs/pages/api-docs/table-head.json                          | 2 +-
 docs/pages/api-docs/table-pagination.json                    | 2 +-
 docs/pages/api-docs/table-row.json                           | 2 +-
 docs/pages/api-docs/table-sort-label.json                    | 2 +-
 docs/pages/api-docs/table.json                               | 2 +-
 docs/pages/api-docs/tabs.json                                | 2 +-
 docs/pages/api-docs/text-field.json                          | 2 +-
 docs/pages/api-docs/timeline-connector.json                  | 2 +-
 docs/pages/api-docs/timeline-content.json                    | 2 +-
 docs/pages/api-docs/timeline-dot.json                        | 2 +-
 docs/pages/api-docs/timeline-item.json                       | 2 +-
 docs/pages/api-docs/timeline-opposite-content.json           | 2 +-
 docs/pages/api-docs/timeline-separator.json                  | 2 +-
 docs/pages/api-docs/timeline.json                            | 2 +-
 docs/pages/api-docs/toggle-button-group.json                 | 2 +-
 docs/pages/api-docs/toggle-button.json                       | 2 +-
 docs/pages/api-docs/toolbar.json                             | 2 +-
 docs/pages/api-docs/tooltip.json                             | 2 +-
 docs/pages/api-docs/tree-item.json                           | 2 +-
 docs/pages/api-docs/tree-view.json                           | 2 +-
 docs/pages/api-docs/typography.json                          | 2 +-
 .../onepirate/modules/views/ProductHeroLayout.js             | 2 +-
 docs/src/pages/system/flexbox/AlignContent.js                | 2 +-
 docs/src/pages/system/flexbox/AlignItems.js                  | 2 +-
 docs/src/pages/system/flexbox/AlignSelf.js                   | 2 +-
 docs/src/pages/system/flexbox/FlexDirection.js               | 2 +-
 docs/src/pages/system/flexbox/FlexGrow.js                    | 2 +-
 docs/src/pages/system/flexbox/FlexShrink.js                  | 2 +-
 docs/src/pages/system/flexbox/FlexWrap.js                    | 2 +-
 docs/src/pages/system/flexbox/JustifyContent.js              | 2 +-
 docs/src/pages/system/flexbox/Order.js                       | 2 +-
 docs/src/pages/system/grid/Gap.js                            | 2 +-
 docs/src/pages/system/grid/GridAutoColumns.js                | 2 +-
 docs/src/pages/system/grid/GridAutoFlow.js                   | 2 +-
 docs/src/pages/system/grid/GridAutoRows.js                   | 2 +-
 docs/src/pages/system/grid/GridTemplateColumns.js            | 2 +-
 docs/src/pages/system/grid/GridTemplateRows.js               | 2 +-
 docs/src/pages/system/grid/RowAndColumnGap.js                | 2 +-
 .../src/CalendarPickerSkeleton/CalendarPickerSkeleton.tsx    | 2 +-
 .../mui-lab/src/DateRangePickerDay/DateRangePickerDay.tsx    | 2 +-
 packages/mui-lab/src/LoadingButton/LoadingButton.js          | 2 +-
 packages/mui-lab/src/Masonry/Masonry.js                      | 2 +-
 packages/mui-lab/src/MonthPicker/MonthPicker.tsx             | 2 +-
 packages/mui-lab/src/PickersDay/PickersDay.tsx               | 2 +-
 packages/mui-lab/src/TabPanel/TabPanel.js                    | 2 +-
 packages/mui-lab/src/Timeline/Timeline.tsx                   | 2 +-
 packages/mui-lab/src/TimelineConnector/TimelineConnector.js  | 2 +-
 packages/mui-lab/src/TimelineContent/TimelineContent.js      | 2 +-
 packages/mui-lab/src/TimelineDot/TimelineDot.js              | 2 +-
 packages/mui-lab/src/TimelineItem/TimelineItem.js            | 2 +-
 .../src/TimelineOppositeContent/TimelineOppositeContent.js   | 2 +-
 packages/mui-lab/src/TimelineSeparator/TimelineSeparator.js  | 2 +-
 packages/mui-lab/src/TreeItem/TreeItem.js                    | 2 +-
 packages/mui-lab/src/TreeView/TreeView.js                    | 2 +-
 packages/mui-material-next/src/Button/Button.js              | 2 +-
 packages/mui-material-next/src/Input/Input.js                | 2 +-
 packages/mui-material/src/Accordion/Accordion.js             | 2 +-
 .../mui-material/src/AccordionActions/AccordionActions.js    | 2 +-
 .../mui-material/src/AccordionDetails/AccordionDetails.js    | 2 +-
 .../mui-material/src/AccordionSummary/AccordionSummary.js    | 2 +-
 packages/mui-material/src/Alert/Alert.js                     | 2 +-
 packages/mui-material/src/AlertTitle/AlertTitle.js           | 2 +-
 packages/mui-material/src/AppBar/AppBar.js                   | 2 +-
 packages/mui-material/src/Autocomplete/Autocomplete.js       | 2 +-
 packages/mui-material/src/Avatar/Avatar.js                   | 2 +-
 packages/mui-material/src/AvatarGroup/AvatarGroup.js         | 2 +-
 packages/mui-material/src/Backdrop/Backdrop.js               | 2 +-
 packages/mui-material/src/Badge/Badge.js                     | 2 +-
 .../mui-material/src/BottomNavigation/BottomNavigation.js    | 2 +-
 .../src/BottomNavigationAction/BottomNavigationAction.js     | 2 +-
 packages/mui-material/src/Breadcrumbs/Breadcrumbs.js         | 2 +-
 packages/mui-material/src/Button/Button.js                   | 2 +-
 packages/mui-material/src/ButtonBase/ButtonBase.js           | 2 +-
 packages/mui-material/src/ButtonGroup/ButtonGroup.js         | 2 +-
 packages/mui-material/src/Card/Card.js                       | 2 +-
 packages/mui-material/src/CardActionArea/CardActionArea.js   | 2 +-
 packages/mui-material/src/CardActions/CardActions.js         | 2 +-
 packages/mui-material/src/CardContent/CardContent.js         | 2 +-
 packages/mui-material/src/CardHeader/CardHeader.js           | 2 +-
 packages/mui-material/src/CardMedia/CardMedia.js             | 2 +-
 packages/mui-material/src/Checkbox/Checkbox.js               | 2 +-
 packages/mui-material/src/Chip/Chip.js                       | 2 +-
 .../mui-material/src/CircularProgress/CircularProgress.js    | 2 +-
 packages/mui-material/src/Collapse/Collapse.js               | 2 +-
 packages/mui-material/src/Container/Container.js             | 2 +-
 packages/mui-material/src/Dialog/Dialog.js                   | 2 +-
 packages/mui-material/src/DialogActions/DialogActions.js     | 2 +-
 packages/mui-material/src/DialogContent/DialogContent.js     | 2 +-
 .../mui-material/src/DialogContentText/DialogContentText.js  | 2 +-
 packages/mui-material/src/DialogTitle/DialogTitle.js         | 2 +-
 packages/mui-material/src/Divider/Divider.js                 | 2 +-
 packages/mui-material/src/Drawer/Drawer.js                   | 2 +-
 packages/mui-material/src/Fab/Fab.js                         | 2 +-
 packages/mui-material/src/FilledInput/FilledInput.js         | 2 +-
 packages/mui-material/src/FormControl/FormControl.js         | 2 +-
 .../mui-material/src/FormControlLabel/FormControlLabel.js    | 2 +-
 packages/mui-material/src/FormGroup/FormGroup.js             | 2 +-
 packages/mui-material/src/FormHelperText/FormHelperText.js   | 2 +-
 packages/mui-material/src/FormLabel/FormLabel.js             | 2 +-
 packages/mui-material/src/Grid/Grid.js                       | 2 +-
 packages/mui-material/src/Icon/Icon.js                       | 2 +-
 packages/mui-material/src/IconButton/IconButton.js           | 2 +-
 packages/mui-material/src/ImageList/ImageList.js             | 2 +-
 packages/mui-material/src/ImageListItem/ImageListItem.js     | 2 +-
 .../mui-material/src/ImageListItemBar/ImageListItemBar.js    | 2 +-
 packages/mui-material/src/Input/Input.js                     | 2 +-
 packages/mui-material/src/InputAdornment/InputAdornment.js   | 2 +-
 packages/mui-material/src/InputBase/InputBase.js             | 2 +-
 packages/mui-material/src/InputLabel/InputLabel.js           | 2 +-
 packages/mui-material/src/LinearProgress/LinearProgress.js   | 2 +-
 packages/mui-material/src/Link/Link.js                       | 2 +-
 packages/mui-material/src/List/List.js                       | 2 +-
 packages/mui-material/src/ListItem/ListItem.js               | 2 +-
 packages/mui-material/src/ListItemAvatar/ListItemAvatar.js   | 2 +-
 packages/mui-material/src/ListItemButton/ListItemButton.js   | 2 +-
 packages/mui-material/src/ListItemIcon/ListItemIcon.js       | 2 +-
 .../src/ListItemSecondaryAction/ListItemSecondaryAction.js   | 2 +-
 packages/mui-material/src/ListItemText/ListItemText.js       | 2 +-
 packages/mui-material/src/ListSubheader/ListSubheader.js     | 2 +-
 packages/mui-material/src/Menu/Menu.js                       | 2 +-
 packages/mui-material/src/MenuItem/MenuItem.js               | 2 +-
 packages/mui-material/src/MobileStepper/MobileStepper.js     | 2 +-
 packages/mui-material/src/Modal/Modal.js                     | 2 +-
 packages/mui-material/src/NativeSelect/NativeSelect.js       | 2 +-
 packages/mui-material/src/OutlinedInput/OutlinedInput.js     | 2 +-
 packages/mui-material/src/Pagination/Pagination.js           | 2 +-
 packages/mui-material/src/PaginationItem/PaginationItem.js   | 2 +-
 packages/mui-material/src/Paper/Paper.js                     | 2 +-
 packages/mui-material/src/Popover/Popover.js                 | 2 +-
 packages/mui-material/src/Radio/Radio.js                     | 2 +-
 packages/mui-material/src/Rating/Rating.js                   | 2 +-
 packages/mui-material/src/Select/Select.js                   | 2 +-
 packages/mui-material/src/Skeleton/Skeleton.js               | 2 +-
 packages/mui-material/src/Slider/Slider.js                   | 2 +-
 packages/mui-material/src/Snackbar/Snackbar.js               | 2 +-
 packages/mui-material/src/SnackbarContent/SnackbarContent.js | 2 +-
 packages/mui-material/src/SpeedDial/SpeedDial.js             | 2 +-
 packages/mui-material/src/SpeedDialAction/SpeedDialAction.js | 2 +-
 packages/mui-material/src/SpeedDialIcon/SpeedDialIcon.js     | 2 +-
 packages/mui-material/src/Stack/Stack.js                     | 2 +-
 packages/mui-material/src/Step/Step.js                       | 2 +-
 packages/mui-material/src/StepButton/StepButton.js           | 2 +-
 packages/mui-material/src/StepConnector/StepConnector.js     | 2 +-
 packages/mui-material/src/StepContent/StepContent.js         | 2 +-
 packages/mui-material/src/StepIcon/StepIcon.js               | 2 +-
 packages/mui-material/src/StepLabel/StepLabel.js             | 2 +-
 packages/mui-material/src/Stepper/Stepper.js                 | 2 +-
 packages/mui-material/src/SvgIcon/SvgIcon.js                 | 2 +-
 packages/mui-material/src/Switch/Switch.js                   | 2 +-
 packages/mui-material/src/Tab/Tab.js                         | 2 +-
 packages/mui-material/src/TabScrollButton/TabScrollButton.js | 2 +-
 packages/mui-material/src/Table/Table.js                     | 2 +-
 packages/mui-material/src/TableBody/TableBody.js             | 2 +-
 packages/mui-material/src/TableCell/TableCell.js             | 2 +-
 packages/mui-material/src/TableContainer/TableContainer.js   | 2 +-
 packages/mui-material/src/TableFooter/TableFooter.js         | 2 +-
 packages/mui-material/src/TableHead/TableHead.js             | 2 +-
 packages/mui-material/src/TablePagination/TablePagination.js | 2 +-
 packages/mui-material/src/TableRow/TableRow.js               | 2 +-
 packages/mui-material/src/TableSortLabel/TableSortLabel.js   | 2 +-
 packages/mui-material/src/Tabs/Tabs.js                       | 2 +-
 packages/mui-material/src/TextField/TextField.js             | 2 +-
 packages/mui-material/src/ToggleButton/ToggleButton.js       | 2 +-
 .../mui-material/src/ToggleButtonGroup/ToggleButtonGroup.js  | 2 +-
 packages/mui-material/src/Toolbar/Toolbar.js                 | 2 +-
 packages/mui-material/src/Tooltip/Tooltip.js                 | 2 +-
 packages/mui-material/src/Typography/Typography.js           | 2 +-
 273 files changed, 279 insertions(+), 273 deletions(-)

diff --git a/docs/pages/api-docs/accordion-actions.json b/docs/pages/api-docs/accordion-actions.json
index 34661ab029322d..727258a48ec823 100644
--- a/docs/pages/api-docs/accordion-actions.json
+++ b/docs/pages/api-docs/accordion-actions.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "disableSpacing": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "AccordionActions",
   "styles": { "classes": ["root", "spacing"], "globalClasses": {}, "name": "MuiAccordionActions" },
diff --git a/docs/pages/api-docs/accordion-details.json b/docs/pages/api-docs/accordion-details.json
index f94800f43caf8c..142365708ad073 100644
--- a/docs/pages/api-docs/accordion-details.json
+++ b/docs/pages/api-docs/accordion-details.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "AccordionDetails",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiAccordionDetails" },
diff --git a/docs/pages/api-docs/accordion-summary.json b/docs/pages/api-docs/accordion-summary.json
index 44e26d12758e46..b9c74120e795ee 100644
--- a/docs/pages/api-docs/accordion-summary.json
+++ b/docs/pages/api-docs/accordion-summary.json
@@ -4,7 +4,7 @@
     "classes": { "type": { "name": "object" } },
     "expandIcon": { "type": { "name": "node" } },
     "focusVisibleClassName": { "type": { "name": "string" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "AccordionSummary",
   "styles": {
diff --git a/docs/pages/api-docs/accordion.json b/docs/pages/api-docs/accordion.json
index af2ccf039b8797..d902d928e57de2 100644
--- a/docs/pages/api-docs/accordion.json
+++ b/docs/pages/api-docs/accordion.json
@@ -8,7 +8,7 @@
     "expanded": { "type": { "name": "bool" } },
     "onChange": { "type": { "name": "func" } },
     "square": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TransitionComponent": { "type": { "name": "elementType" }, "default": "Collapse" },
     "TransitionProps": { "type": { "name": "object" } }
   },
diff --git a/docs/pages/api-docs/alert-title.json b/docs/pages/api-docs/alert-title.json
index 6799e7ca7bc6c2..a188351317eaeb 100644
--- a/docs/pages/api-docs/alert-title.json
+++ b/docs/pages/api-docs/alert-title.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "AlertTitle",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiAlertTitle" },
diff --git a/docs/pages/api-docs/alert.json b/docs/pages/api-docs/alert.json
index 3cde900418535e..c29d745944a309 100644
--- a/docs/pages/api-docs/alert.json
+++ b/docs/pages/api-docs/alert.json
@@ -26,7 +26,7 @@
       },
       "default": "'success'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/app-bar.json b/docs/pages/api-docs/app-bar.json
index a182eb64d910cd..dc6274acabd6de 100644
--- a/docs/pages/api-docs/app-bar.json
+++ b/docs/pages/api-docs/app-bar.json
@@ -17,7 +17,7 @@
       },
       "default": "'fixed'"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "AppBar",
   "styles": {
diff --git a/docs/pages/api-docs/autocomplete.json b/docs/pages/api-docs/autocomplete.json
index d7b03b03514e31..664448ed4ed1ee 100644
--- a/docs/pages/api-docs/autocomplete.json
+++ b/docs/pages/api-docs/autocomplete.json
@@ -79,7 +79,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "custom", "description": "any" } }
   },
   "name": "Autocomplete",
diff --git a/docs/pages/api-docs/avatar-group.json b/docs/pages/api-docs/avatar-group.json
index ef518ed7a93674..6f7a50bb5229e7 100644
--- a/docs/pages/api-docs/avatar-group.json
+++ b/docs/pages/api-docs/avatar-group.json
@@ -10,7 +10,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/avatar.json b/docs/pages/api-docs/avatar.json
index ad7e30fd109af5..ec43dd6002085e 100644
--- a/docs/pages/api-docs/avatar.json
+++ b/docs/pages/api-docs/avatar.json
@@ -8,7 +8,7 @@
     "sizes": { "type": { "name": "string" } },
     "src": { "type": { "name": "string" } },
     "srcSet": { "type": { "name": "string" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/backdrop.json b/docs/pages/api-docs/backdrop.json
index a0c1e755af34ed..bee4781fabd867 100644
--- a/docs/pages/api-docs/backdrop.json
+++ b/docs/pages/api-docs/backdrop.json
@@ -10,7 +10,7 @@
     },
     "componentsProps": { "type": { "name": "object" }, "default": "{}" },
     "invisible": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "transitionDuration": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/badge.json b/docs/pages/api-docs/badge.json
index d960d1d655ace1..104652aedcb934 100644
--- a/docs/pages/api-docs/badge.json
+++ b/docs/pages/api-docs/badge.json
@@ -30,7 +30,7 @@
       "default": "'rectangular'"
     },
     "showZero": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/bottom-navigation-action.json b/docs/pages/api-docs/bottom-navigation-action.json
index eaa71060f165ea..62a03495177e08 100644
--- a/docs/pages/api-docs/bottom-navigation-action.json
+++ b/docs/pages/api-docs/bottom-navigation-action.json
@@ -5,7 +5,7 @@
     "icon": { "type": { "name": "node" } },
     "label": { "type": { "name": "node" } },
     "showLabel": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } }
   },
   "name": "BottomNavigationAction",
diff --git a/docs/pages/api-docs/bottom-navigation.json b/docs/pages/api-docs/bottom-navigation.json
index 5c3695e951fcda..98c11414abfced 100644
--- a/docs/pages/api-docs/bottom-navigation.json
+++ b/docs/pages/api-docs/bottom-navigation.json
@@ -5,7 +5,7 @@
     "component": { "type": { "name": "elementType" } },
     "onChange": { "type": { "name": "func" } },
     "showLabels": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } }
   },
   "name": "BottomNavigation",
diff --git a/docs/pages/api-docs/breadcrumbs.json b/docs/pages/api-docs/breadcrumbs.json
index 7e7c73d6434308..161357b97a30e0 100644
--- a/docs/pages/api-docs/breadcrumbs.json
+++ b/docs/pages/api-docs/breadcrumbs.json
@@ -14,7 +14,7 @@
     },
     "maxItems": { "type": { "name": "custom", "description": "integer" }, "default": "8" },
     "separator": { "type": { "name": "node" }, "default": "'/'" },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Breadcrumbs",
   "styles": {
diff --git a/docs/pages/api-docs/button-base.json b/docs/pages/api-docs/button-base.json
index cbd28762009912..382b9ea2368931 100644
--- a/docs/pages/api-docs/button-base.json
+++ b/docs/pages/api-docs/button-base.json
@@ -12,7 +12,7 @@
     "focusVisibleClassName": { "type": { "name": "string" } },
     "LinkComponent": { "type": { "name": "elementType" }, "default": "'a'" },
     "onFocusVisible": { "type": { "name": "func" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TouchRippleProps": { "type": { "name": "object" } }
   },
   "name": "ButtonBase",
diff --git a/docs/pages/api-docs/button-group.json b/docs/pages/api-docs/button-group.json
index 73188655b70d04..f7815837e60d38 100644
--- a/docs/pages/api-docs/button-group.json
+++ b/docs/pages/api-docs/button-group.json
@@ -26,7 +26,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/button.json b/docs/pages/api-docs/button.json
index a5efdba1e56e8b..d9abaa27c17b44 100644
--- a/docs/pages/api-docs/button.json
+++ b/docs/pages/api-docs/button.json
@@ -25,7 +25,7 @@
       "default": "'medium'"
     },
     "startIcon": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/calendar-picker-skeleton.json b/docs/pages/api-docs/calendar-picker-skeleton.json
index c7a5b3c181995f..540deb4b001436 100644
--- a/docs/pages/api-docs/calendar-picker-skeleton.json
+++ b/docs/pages/api-docs/calendar-picker-skeleton.json
@@ -1,5 +1,8 @@
 {
-  "props": { "classes": { "type": { "name": "object" } }, "sx": { "type": { "name": "object" } } },
+  "props": {
+    "classes": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
+  },
   "name": "CalendarPickerSkeleton",
   "styles": {
     "classes": ["root", "week", "daySkeleton"],
diff --git a/docs/pages/api-docs/card-action-area.json b/docs/pages/api-docs/card-action-area.json
index 58b70203ad8d6f..ce25f89ec80cc1 100644
--- a/docs/pages/api-docs/card-action-area.json
+++ b/docs/pages/api-docs/card-action-area.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "CardActionArea",
   "styles": {
diff --git a/docs/pages/api-docs/card-actions.json b/docs/pages/api-docs/card-actions.json
index 2e2edf98ee4921..c2031e9c51cce5 100644
--- a/docs/pages/api-docs/card-actions.json
+++ b/docs/pages/api-docs/card-actions.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "disableSpacing": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "CardActions",
   "styles": { "classes": ["root", "spacing"], "globalClasses": {}, "name": "MuiCardActions" },
diff --git a/docs/pages/api-docs/card-content.json b/docs/pages/api-docs/card-content.json
index b7f478ec121061..49a1cf7034ebea 100644
--- a/docs/pages/api-docs/card-content.json
+++ b/docs/pages/api-docs/card-content.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "component": { "type": { "name": "elementType" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "CardContent",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiCardContent" },
diff --git a/docs/pages/api-docs/card-header.json b/docs/pages/api-docs/card-header.json
index 33bae7aab67a92..4d0c1ab1f778be 100644
--- a/docs/pages/api-docs/card-header.json
+++ b/docs/pages/api-docs/card-header.json
@@ -7,7 +7,7 @@
     "disableTypography": { "type": { "name": "bool" } },
     "subheader": { "type": { "name": "node" } },
     "subheaderTypographyProps": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "title": { "type": { "name": "node" } },
     "titleTypographyProps": { "type": { "name": "object" } }
   },
diff --git a/docs/pages/api-docs/card-media.json b/docs/pages/api-docs/card-media.json
index ba1965abc52ae4..d997364ab0593c 100644
--- a/docs/pages/api-docs/card-media.json
+++ b/docs/pages/api-docs/card-media.json
@@ -5,7 +5,7 @@
     "component": { "type": { "name": "elementType" } },
     "image": { "type": { "name": "string" } },
     "src": { "type": { "name": "string" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "CardMedia",
   "styles": { "classes": ["root", "media", "img"], "globalClasses": {}, "name": "MuiCardMedia" },
diff --git a/docs/pages/api-docs/card.json b/docs/pages/api-docs/card.json
index 8301afb9febf63..2fdbdc823cb0ef 100644
--- a/docs/pages/api-docs/card.json
+++ b/docs/pages/api-docs/card.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "raised": { "type": { "name": "custom", "description": "bool" }, "default": "false" },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Card",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiCard" },
diff --git a/docs/pages/api-docs/checkbox.json b/docs/pages/api-docs/checkbox.json
index 2e185bee227a55..7a68d9f4cc705f 100644
--- a/docs/pages/api-docs/checkbox.json
+++ b/docs/pages/api-docs/checkbox.json
@@ -28,7 +28,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } }
   },
   "name": "Checkbox",
diff --git a/docs/pages/api-docs/chip.json b/docs/pages/api-docs/chip.json
index e9fbec54aacd70..90166cc1df41a8 100644
--- a/docs/pages/api-docs/chip.json
+++ b/docs/pages/api-docs/chip.json
@@ -24,7 +24,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/circular-progress.json b/docs/pages/api-docs/circular-progress.json
index 417526410c4f37..5a9ecae4e402dc 100644
--- a/docs/pages/api-docs/circular-progress.json
+++ b/docs/pages/api-docs/circular-progress.json
@@ -13,7 +13,7 @@
       "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" },
       "default": "40"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "thickness": { "type": { "name": "number" }, "default": "3.6" },
     "value": { "type": { "name": "number" }, "default": "0" },
     "variant": {
diff --git a/docs/pages/api-docs/collapse.json b/docs/pages/api-docs/collapse.json
index 7e994f89bd26f0..9e2bf07825c5ac 100644
--- a/docs/pages/api-docs/collapse.json
+++ b/docs/pages/api-docs/collapse.json
@@ -19,7 +19,7 @@
       "type": { "name": "enum", "description": "'horizontal'<br>&#124;&nbsp;'vertical'" },
       "default": "'vertical'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "timeout": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/container.json b/docs/pages/api-docs/container.json
index 332262e1df80c5..574dc018238813 100644
--- a/docs/pages/api-docs/container.json
+++ b/docs/pages/api-docs/container.json
@@ -11,7 +11,7 @@
       },
       "default": "'lg'"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Container",
   "styles": {
diff --git a/docs/pages/api-docs/date-range-picker-day.json b/docs/pages/api-docs/date-range-picker-day.json
index 44852dd1f63a33..0b77e5fe545cb5 100644
--- a/docs/pages/api-docs/date-range-picker-day.json
+++ b/docs/pages/api-docs/date-range-picker-day.json
@@ -11,7 +11,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "selected": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "DateRangePickerDay",
   "styles": {
diff --git a/docs/pages/api-docs/dialog-actions.json b/docs/pages/api-docs/dialog-actions.json
index dc9dd407086806..ae3524a1acd577 100644
--- a/docs/pages/api-docs/dialog-actions.json
+++ b/docs/pages/api-docs/dialog-actions.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "disableSpacing": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "DialogActions",
   "styles": { "classes": ["root", "spacing"], "globalClasses": {}, "name": "MuiDialogActions" },
diff --git a/docs/pages/api-docs/dialog-content-text.json b/docs/pages/api-docs/dialog-content-text.json
index 6753c9166a4515..c2c6fc165c365c 100644
--- a/docs/pages/api-docs/dialog-content-text.json
+++ b/docs/pages/api-docs/dialog-content-text.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "DialogContentText",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiDialogContentText" },
diff --git a/docs/pages/api-docs/dialog-content.json b/docs/pages/api-docs/dialog-content.json
index 9ba853c394d5bf..33a5993c0dfda9 100644
--- a/docs/pages/api-docs/dialog-content.json
+++ b/docs/pages/api-docs/dialog-content.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "dividers": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "DialogContent",
   "styles": { "classes": ["root", "dividers"], "globalClasses": {}, "name": "MuiDialogContent" },
diff --git a/docs/pages/api-docs/dialog-title.json b/docs/pages/api-docs/dialog-title.json
index 3ea2e8c35d51d2..76a1fb979c1c0e 100644
--- a/docs/pages/api-docs/dialog-title.json
+++ b/docs/pages/api-docs/dialog-title.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "DialogTitle",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiDialogTitle" },
diff --git a/docs/pages/api-docs/dialog.json b/docs/pages/api-docs/dialog.json
index 4439733a0d240d..8f3db7a67b446b 100644
--- a/docs/pages/api-docs/dialog.json
+++ b/docs/pages/api-docs/dialog.json
@@ -27,7 +27,7 @@
       "type": { "name": "enum", "description": "'body'<br>&#124;&nbsp;'paper'" },
       "default": "'paper'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TransitionComponent": { "type": { "name": "elementType" }, "default": "Fade" },
     "transitionDuration": {
       "type": {
diff --git a/docs/pages/api-docs/divider.json b/docs/pages/api-docs/divider.json
index 41f42c0c0a5cfa..2a63919eb389b8 100644
--- a/docs/pages/api-docs/divider.json
+++ b/docs/pages/api-docs/divider.json
@@ -10,7 +10,7 @@
       "type": { "name": "enum", "description": "'horizontal'<br>&#124;&nbsp;'vertical'" },
       "default": "'horizontal'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "textAlign": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/drawer.json b/docs/pages/api-docs/drawer.json
index 0db2c3421f8d9e..6d90a7fda98c2b 100644
--- a/docs/pages/api-docs/drawer.json
+++ b/docs/pages/api-docs/drawer.json
@@ -16,7 +16,7 @@
     "open": { "type": { "name": "bool" } },
     "PaperProps": { "type": { "name": "object" }, "default": "{}" },
     "SlideProps": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "transitionDuration": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/fab.json b/docs/pages/api-docs/fab.json
index c2138a8ba4dd17..0a0a1dd20085df 100644
--- a/docs/pages/api-docs/fab.json
+++ b/docs/pages/api-docs/fab.json
@@ -21,7 +21,7 @@
       },
       "default": "'large'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/filled-input.json b/docs/pages/api-docs/filled-input.json
index c1aad09d9cb9d2..2897a364c6c926 100644
--- a/docs/pages/api-docs/filled-input.json
+++ b/docs/pages/api-docs/filled-input.json
@@ -36,7 +36,7 @@
     "required": { "type": { "name": "bool" } },
     "rows": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
     "startAdornment": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "type": { "type": { "name": "string" }, "default": "'text'" },
     "value": { "type": { "name": "any" } }
   },
diff --git a/docs/pages/api-docs/form-control-label.json b/docs/pages/api-docs/form-control-label.json
index 5a64786af382a6..13af54911707e7 100644
--- a/docs/pages/api-docs/form-control-label.json
+++ b/docs/pages/api-docs/form-control-label.json
@@ -16,7 +16,7 @@
       "default": "'end'"
     },
     "onChange": { "type": { "name": "func" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } }
   },
   "name": "FormControlLabel",
diff --git a/docs/pages/api-docs/form-control.json b/docs/pages/api-docs/form-control.json
index 5f6ac77cb4b672..b08a4dca0188d6 100644
--- a/docs/pages/api-docs/form-control.json
+++ b/docs/pages/api-docs/form-control.json
@@ -30,7 +30,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/form-group.json b/docs/pages/api-docs/form-group.json
index d43608f837a62e..27acafd27ab226 100644
--- a/docs/pages/api-docs/form-group.json
+++ b/docs/pages/api-docs/form-group.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "row": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "FormGroup",
   "styles": { "classes": ["root", "row"], "globalClasses": {}, "name": "MuiFormGroup" },
diff --git a/docs/pages/api-docs/form-helper-text.json b/docs/pages/api-docs/form-helper-text.json
index e1f6b92d055aaa..a60959bc4b1fe8 100644
--- a/docs/pages/api-docs/form-helper-text.json
+++ b/docs/pages/api-docs/form-helper-text.json
@@ -9,7 +9,7 @@
     "focused": { "type": { "name": "bool" } },
     "margin": { "type": { "name": "enum", "description": "'dense'" } },
     "required": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/form-label.json b/docs/pages/api-docs/form-label.json
index 2eccbe4664d038..21220164112584 100644
--- a/docs/pages/api-docs/form-label.json
+++ b/docs/pages/api-docs/form-label.json
@@ -14,7 +14,7 @@
     "filled": { "type": { "name": "bool" } },
     "focused": { "type": { "name": "bool" } },
     "required": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "FormLabel",
   "styles": {
diff --git a/docs/pages/api-docs/grid.json b/docs/pages/api-docs/grid.json
index 4ba3aa539ac622..4b968cbe9d1861 100644
--- a/docs/pages/api-docs/grid.json
+++ b/docs/pages/api-docs/grid.json
@@ -59,7 +59,7 @@
       },
       "default": "0"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "wrap": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/icon-button.json b/docs/pages/api-docs/icon-button.json
index 904dd06a93c6e0..137eb78003b38c 100644
--- a/docs/pages/api-docs/icon-button.json
+++ b/docs/pages/api-docs/icon-button.json
@@ -26,7 +26,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "IconButton",
   "styles": {
diff --git a/docs/pages/api-docs/icon.json b/docs/pages/api-docs/icon.json
index e72e0a28007570..0ad8bb8cd6b096 100644
--- a/docs/pages/api-docs/icon.json
+++ b/docs/pages/api-docs/icon.json
@@ -18,7 +18,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Icon",
   "styles": {
diff --git a/docs/pages/api-docs/image-list-item-bar.json b/docs/pages/api-docs/image-list-item-bar.json
index 89d4de56abee79..d0759875b57b49 100644
--- a/docs/pages/api-docs/image-list-item-bar.json
+++ b/docs/pages/api-docs/image-list-item-bar.json
@@ -14,7 +14,7 @@
       "default": "'bottom'"
     },
     "subtitle": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "title": { "type": { "name": "node" } }
   },
   "name": "ImageListItemBar",
diff --git a/docs/pages/api-docs/image-list-item.json b/docs/pages/api-docs/image-list-item.json
index a3a4ad26abe111..a8b45ed5f85045 100644
--- a/docs/pages/api-docs/image-list-item.json
+++ b/docs/pages/api-docs/image-list-item.json
@@ -5,7 +5,7 @@
     "cols": { "type": { "name": "custom", "description": "integer" }, "default": "1" },
     "component": { "type": { "name": "elementType" } },
     "rows": { "type": { "name": "custom", "description": "integer" }, "default": "1" },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "ImageListItem",
   "styles": {
diff --git a/docs/pages/api-docs/image-list.json b/docs/pages/api-docs/image-list.json
index a4973a752b5c20..470a873276edd1 100644
--- a/docs/pages/api-docs/image-list.json
+++ b/docs/pages/api-docs/image-list.json
@@ -9,7 +9,7 @@
       "type": { "name": "union", "description": "'auto'<br>&#124;&nbsp;number" },
       "default": "'auto'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/input-adornment.json b/docs/pages/api-docs/input-adornment.json
index e1002e0846b7f2..bf5a5c1ee226c2 100644
--- a/docs/pages/api-docs/input-adornment.json
+++ b/docs/pages/api-docs/input-adornment.json
@@ -9,7 +9,7 @@
     "component": { "type": { "name": "elementType" } },
     "disablePointerEvents": { "type": { "name": "bool" } },
     "disableTypography": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/input-base.json b/docs/pages/api-docs/input-base.json
index 429bfbb5e86247..3125d0124e3b98 100644
--- a/docs/pages/api-docs/input-base.json
+++ b/docs/pages/api-docs/input-base.json
@@ -44,7 +44,7 @@
       }
     },
     "startAdornment": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "type": { "type": { "name": "string" }, "default": "'text'" },
     "value": { "type": { "name": "any" } }
   },
diff --git a/docs/pages/api-docs/input-label.json b/docs/pages/api-docs/input-label.json
index a3bd56a98933ff..08292453d752ff 100644
--- a/docs/pages/api-docs/input-label.json
+++ b/docs/pages/api-docs/input-label.json
@@ -15,7 +15,7 @@
     "margin": { "type": { "name": "enum", "description": "'dense'" } },
     "required": { "type": { "name": "bool" } },
     "shrink": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/input.json b/docs/pages/api-docs/input.json
index c24839f2667e82..f99f89e5b952ff 100644
--- a/docs/pages/api-docs/input.json
+++ b/docs/pages/api-docs/input.json
@@ -35,7 +35,7 @@
     "required": { "type": { "name": "bool" } },
     "rows": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
     "startAdornment": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "type": { "type": { "name": "string" }, "default": "'text'" },
     "value": { "type": { "name": "any" } }
   },
diff --git a/docs/pages/api-docs/linear-progress.json b/docs/pages/api-docs/linear-progress.json
index 249ad63de6f59d..073d265499cbe5 100644
--- a/docs/pages/api-docs/linear-progress.json
+++ b/docs/pages/api-docs/linear-progress.json
@@ -8,7 +8,7 @@
       },
       "default": "'primary'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "number" } },
     "valueBuffer": { "type": { "name": "number" } },
     "variant": {
diff --git a/docs/pages/api-docs/link.json b/docs/pages/api-docs/link.json
index 11f925c78e57c9..b0c7fb666f85a2 100644
--- a/docs/pages/api-docs/link.json
+++ b/docs/pages/api-docs/link.json
@@ -4,7 +4,7 @@
     "classes": { "type": { "name": "object" } },
     "color": { "type": { "name": "any" }, "default": "'primary'" },
     "component": { "type": { "name": "custom", "description": "element type" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TypographyClasses": { "type": { "name": "object" } },
     "underline": {
       "type": {
diff --git a/docs/pages/api-docs/list-item-avatar.json b/docs/pages/api-docs/list-item-avatar.json
index c80a06b8762299..acc7a63a9de71f 100644
--- a/docs/pages/api-docs/list-item-avatar.json
+++ b/docs/pages/api-docs/list-item-avatar.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "ListItemAvatar",
   "styles": {
diff --git a/docs/pages/api-docs/list-item-button.json b/docs/pages/api-docs/list-item-button.json
index fe136cd29e706f..73ceb3872acaf9 100644
--- a/docs/pages/api-docs/list-item-button.json
+++ b/docs/pages/api-docs/list-item-button.json
@@ -14,7 +14,7 @@
     "divider": { "type": { "name": "bool" } },
     "focusVisibleClassName": { "type": { "name": "string" } },
     "selected": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "ListItemButton",
   "styles": {
diff --git a/docs/pages/api-docs/list-item-icon.json b/docs/pages/api-docs/list-item-icon.json
index 113036c4fdf7f3..19fecb1a3103e6 100644
--- a/docs/pages/api-docs/list-item-icon.json
+++ b/docs/pages/api-docs/list-item-icon.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "ListItemIcon",
   "styles": {
diff --git a/docs/pages/api-docs/list-item-secondary-action.json b/docs/pages/api-docs/list-item-secondary-action.json
index 2bc86bb9d86ecf..af7b55efd38a63 100644
--- a/docs/pages/api-docs/list-item-secondary-action.json
+++ b/docs/pages/api-docs/list-item-secondary-action.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "ListItemSecondaryAction",
   "styles": {
diff --git a/docs/pages/api-docs/list-item-text.json b/docs/pages/api-docs/list-item-text.json
index 620b596d3787cb..79f652c816c0d5 100644
--- a/docs/pages/api-docs/list-item-text.json
+++ b/docs/pages/api-docs/list-item-text.json
@@ -8,7 +8,7 @@
     "primaryTypographyProps": { "type": { "name": "object" } },
     "secondary": { "type": { "name": "node" } },
     "secondaryTypographyProps": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "ListItemText",
   "styles": {
diff --git a/docs/pages/api-docs/list-item.json b/docs/pages/api-docs/list-item.json
index 7c17671d04e5ac..60f1601e2c8a8b 100644
--- a/docs/pages/api-docs/list-item.json
+++ b/docs/pages/api-docs/list-item.json
@@ -43,7 +43,7 @@
       "deprecated": true,
       "deprecationInfo": "checkout <a href=\"/api/list-item-button/\">ListItemButton</a> instead"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "ListItem",
   "styles": {
diff --git a/docs/pages/api-docs/list-subheader.json b/docs/pages/api-docs/list-subheader.json
index f2bc42584b8242..f7f5e9132ee534 100644
--- a/docs/pages/api-docs/list-subheader.json
+++ b/docs/pages/api-docs/list-subheader.json
@@ -13,7 +13,7 @@
     "disableGutters": { "type": { "name": "bool" } },
     "disableSticky": { "type": { "name": "bool" } },
     "inset": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "ListSubheader",
   "styles": {
diff --git a/docs/pages/api-docs/list.json b/docs/pages/api-docs/list.json
index 4e66b5ba56c536..d1b7e6d2a2583d 100644
--- a/docs/pages/api-docs/list.json
+++ b/docs/pages/api-docs/list.json
@@ -6,7 +6,7 @@
     "dense": { "type": { "name": "bool" } },
     "disablePadding": { "type": { "name": "bool" } },
     "subheader": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "List",
   "styles": {
diff --git a/docs/pages/api-docs/loading-button.json b/docs/pages/api-docs/loading-button.json
index 068379b0d808a6..4c79d49d2032c1 100644
--- a/docs/pages/api-docs/loading-button.json
+++ b/docs/pages/api-docs/loading-button.json
@@ -15,7 +15,7 @@
       },
       "default": "'center'"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "LoadingButton",
   "styles": {
diff --git a/docs/pages/api-docs/masonry.json b/docs/pages/api-docs/masonry.json
index b383a51cda1386..238183587b87a9 100644
--- a/docs/pages/api-docs/masonry.json
+++ b/docs/pages/api-docs/masonry.json
@@ -20,7 +20,7 @@
       },
       "default": "1"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Masonry",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiMasonry" },
diff --git a/docs/pages/api-docs/menu-item.json b/docs/pages/api-docs/menu-item.json
index 9a95e1d221ba1b..fd477bac741d54 100644
--- a/docs/pages/api-docs/menu-item.json
+++ b/docs/pages/api-docs/menu-item.json
@@ -8,7 +8,7 @@
     "disableGutters": { "type": { "name": "bool" } },
     "divider": { "type": { "name": "bool" } },
     "focusVisibleClassName": { "type": { "name": "string" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "MenuItem",
   "styles": {
diff --git a/docs/pages/api-docs/menu.json b/docs/pages/api-docs/menu.json
index f3bb0a20414992..1bf360fef9a08f 100644
--- a/docs/pages/api-docs/menu.json
+++ b/docs/pages/api-docs/menu.json
@@ -9,7 +9,7 @@
     "MenuListProps": { "type": { "name": "object" }, "default": "{}" },
     "onClose": { "type": { "name": "func" } },
     "PopoverClasses": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "transitionDuration": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/mobile-stepper.json b/docs/pages/api-docs/mobile-stepper.json
index 8ee8b6c7bac3ca..33ced345b21c3b 100644
--- a/docs/pages/api-docs/mobile-stepper.json
+++ b/docs/pages/api-docs/mobile-stepper.json
@@ -13,7 +13,7 @@
       },
       "default": "'bottom'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/modal.json b/docs/pages/api-docs/modal.json
index bd5d786ac77753..c460ee5234d142 100644
--- a/docs/pages/api-docs/modal.json
+++ b/docs/pages/api-docs/modal.json
@@ -26,7 +26,7 @@
     "keepMounted": { "type": { "name": "bool" } },
     "onBackdropClick": { "type": { "name": "func" } },
     "onClose": { "type": { "name": "func" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Modal",
   "styles": { "classes": ["root", "hidden"], "globalClasses": {}, "name": "MuiModal" },
diff --git a/docs/pages/api-docs/month-picker.json b/docs/pages/api-docs/month-picker.json
index 4cf3b947079e9d..aafa8719b58fcc 100644
--- a/docs/pages/api-docs/month-picker.json
+++ b/docs/pages/api-docs/month-picker.json
@@ -8,7 +8,7 @@
     "className": { "type": { "name": "string" } },
     "disableFuture": { "type": { "name": "bool" } },
     "disablePast": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "MonthPicker",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiMonthPicker" },
diff --git a/docs/pages/api-docs/native-select.json b/docs/pages/api-docs/native-select.json
index 76beba85bfcb7b..96d0cd56bb1d75 100644
--- a/docs/pages/api-docs/native-select.json
+++ b/docs/pages/api-docs/native-select.json
@@ -6,7 +6,7 @@
     "input": { "type": { "name": "element" }, "default": "<Input />" },
     "inputProps": { "type": { "name": "object" } },
     "onChange": { "type": { "name": "func" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } },
     "variant": {
       "type": {
diff --git a/docs/pages/api-docs/outlined-input.json b/docs/pages/api-docs/outlined-input.json
index 4e0960f26acf0a..7a112ed077d254 100644
--- a/docs/pages/api-docs/outlined-input.json
+++ b/docs/pages/api-docs/outlined-input.json
@@ -35,7 +35,7 @@
     "required": { "type": { "name": "bool" } },
     "rows": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
     "startAdornment": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "type": { "type": { "name": "string" }, "default": "'text'" },
     "value": { "type": { "name": "any" } }
   },
diff --git a/docs/pages/api-docs/pagination-item.json b/docs/pages/api-docs/pagination-item.json
index 597a56250e7f32..8dc71db4ef2088 100644
--- a/docs/pages/api-docs/pagination-item.json
+++ b/docs/pages/api-docs/pagination-item.json
@@ -23,7 +23,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "type": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/pagination.json b/docs/pages/api-docs/pagination.json
index f411e80286596c..c1d6930415fb70 100644
--- a/docs/pages/api-docs/pagination.json
+++ b/docs/pages/api-docs/pagination.json
@@ -35,7 +35,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/paper.json b/docs/pages/api-docs/paper.json
index 41adc9a8c9c8dc..de007f37740545 100644
--- a/docs/pages/api-docs/paper.json
+++ b/docs/pages/api-docs/paper.json
@@ -5,7 +5,7 @@
     "component": { "type": { "name": "elementType" } },
     "elevation": { "type": { "name": "custom", "description": "integer" }, "default": "1" },
     "square": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/pickers-day.json b/docs/pages/api-docs/pickers-day.json
index 85fa3df3d29095..ef1802b97d30e8 100644
--- a/docs/pages/api-docs/pickers-day.json
+++ b/docs/pages/api-docs/pickers-day.json
@@ -10,7 +10,7 @@
     "disableMargin": { "type": { "name": "bool" } },
     "selected": { "type": { "name": "bool" } },
     "showDaysOutsideCurrentMonth": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "today": { "type": { "name": "bool" } }
   },
   "name": "PickersDay",
diff --git a/docs/pages/api-docs/popover.json b/docs/pages/api-docs/popover.json
index 2cc2a0cb4d5775..fb5c124892dad5 100644
--- a/docs/pages/api-docs/popover.json
+++ b/docs/pages/api-docs/popover.json
@@ -30,7 +30,7 @@
       "type": { "name": "shape", "description": "{ component?: element type }" },
       "default": "{}"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "transformOrigin": {
       "type": {
         "name": "shape",
diff --git a/docs/pages/api-docs/radio.json b/docs/pages/api-docs/radio.json
index ad0ad36f02efbc..52f565d9a3a6c4 100644
--- a/docs/pages/api-docs/radio.json
+++ b/docs/pages/api-docs/radio.json
@@ -26,7 +26,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } }
   },
   "name": "Radio",
diff --git a/docs/pages/api-docs/rating.json b/docs/pages/api-docs/rating.json
index 98c1e9ceb18465..333e721fe01a42 100644
--- a/docs/pages/api-docs/rating.json
+++ b/docs/pages/api-docs/rating.json
@@ -28,7 +28,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "number" } }
   },
   "name": "Rating",
diff --git a/docs/pages/api-docs/select.json b/docs/pages/api-docs/select.json
index 2f29967f3de505..816c559cd773df 100644
--- a/docs/pages/api-docs/select.json
+++ b/docs/pages/api-docs/select.json
@@ -20,7 +20,7 @@
     "open": { "type": { "name": "bool" } },
     "renderValue": { "type": { "name": "func" } },
     "SelectDisplayProps": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } },
     "variant": {
       "type": {
diff --git a/docs/pages/api-docs/skeleton.json b/docs/pages/api-docs/skeleton.json
index 05434416303de9..6679a4c2a56505 100644
--- a/docs/pages/api-docs/skeleton.json
+++ b/docs/pages/api-docs/skeleton.json
@@ -11,7 +11,7 @@
     "classes": { "type": { "name": "object" } },
     "component": { "type": { "name": "elementType" } },
     "height": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/slider.json b/docs/pages/api-docs/slider.json
index 681f5496d95343..8f6bbc5cdb910e 100644
--- a/docs/pages/api-docs/slider.json
+++ b/docs/pages/api-docs/slider.json
@@ -50,7 +50,7 @@
       "default": "'medium'"
     },
     "step": { "type": { "name": "number" }, "default": "1" },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "tabIndex": { "type": { "name": "number" } },
     "track": {
       "type": {
diff --git a/docs/pages/api-docs/snackbar-content.json b/docs/pages/api-docs/snackbar-content.json
index 7bba78c44717e3..7a967f5b838e3b 100644
--- a/docs/pages/api-docs/snackbar-content.json
+++ b/docs/pages/api-docs/snackbar-content.json
@@ -4,7 +4,7 @@
     "classes": { "type": { "name": "object" } },
     "message": { "type": { "name": "node" } },
     "role": { "type": { "name": "string" }, "default": "'alert'" },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "SnackbarContent",
   "styles": {
diff --git a/docs/pages/api-docs/snackbar.json b/docs/pages/api-docs/snackbar.json
index d5268d70be27b3..cb78c3fa90e5f0 100644
--- a/docs/pages/api-docs/snackbar.json
+++ b/docs/pages/api-docs/snackbar.json
@@ -19,7 +19,7 @@
     "onClose": { "type": { "name": "func" } },
     "open": { "type": { "name": "bool" } },
     "resumeHideDuration": { "type": { "name": "number" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TransitionComponent": { "type": { "name": "elementType" }, "default": "Grow" },
     "transitionDuration": {
       "type": {
diff --git a/docs/pages/api-docs/speed-dial-action.json b/docs/pages/api-docs/speed-dial-action.json
index bd3cbb46559bb1..751f137eab7288 100644
--- a/docs/pages/api-docs/speed-dial-action.json
+++ b/docs/pages/api-docs/speed-dial-action.json
@@ -6,7 +6,7 @@
     "icon": { "type": { "name": "node" } },
     "id": { "type": { "name": "string" } },
     "open": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TooltipClasses": { "type": { "name": "object" } },
     "tooltipOpen": { "type": { "name": "bool" } },
     "tooltipPlacement": {
diff --git a/docs/pages/api-docs/speed-dial-icon.json b/docs/pages/api-docs/speed-dial-icon.json
index 3d4785b904d640..32bfdab7de71b0 100644
--- a/docs/pages/api-docs/speed-dial-icon.json
+++ b/docs/pages/api-docs/speed-dial-icon.json
@@ -3,7 +3,7 @@
     "classes": { "type": { "name": "object" } },
     "icon": { "type": { "name": "node" } },
     "openIcon": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "SpeedDialIcon",
   "styles": {
diff --git a/docs/pages/api-docs/speed-dial.json b/docs/pages/api-docs/speed-dial.json
index 45c6b9a5cc772c..ba9664aa74a2b4 100644
--- a/docs/pages/api-docs/speed-dial.json
+++ b/docs/pages/api-docs/speed-dial.json
@@ -17,7 +17,7 @@
     "onOpen": { "type": { "name": "func" } },
     "open": { "type": { "name": "bool" } },
     "openIcon": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TransitionComponent": { "type": { "name": "elementType" }, "default": "Zoom" },
     "transitionDuration": {
       "type": {
diff --git a/docs/pages/api-docs/stack.json b/docs/pages/api-docs/stack.json
index 74532d43ba3941..c2d5766f6fdcd5 100644
--- a/docs/pages/api-docs/stack.json
+++ b/docs/pages/api-docs/stack.json
@@ -17,7 +17,7 @@
       },
       "default": "0"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Stack",
   "styles": { "classes": [], "globalClasses": {}, "name": null },
diff --git a/docs/pages/api-docs/step-button.json b/docs/pages/api-docs/step-button.json
index 6ca18fe9af7b24..fabd2ff9b0bbdc 100644
--- a/docs/pages/api-docs/step-button.json
+++ b/docs/pages/api-docs/step-button.json
@@ -4,7 +4,7 @@
     "classes": { "type": { "name": "object" } },
     "icon": { "type": { "name": "node" } },
     "optional": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "StepButton",
   "styles": {
diff --git a/docs/pages/api-docs/step-connector.json b/docs/pages/api-docs/step-connector.json
index 0d791e89d06644..d3f58b9019e0a4 100644
--- a/docs/pages/api-docs/step-connector.json
+++ b/docs/pages/api-docs/step-connector.json
@@ -1,5 +1,8 @@
 {
-  "props": { "classes": { "type": { "name": "object" } }, "sx": { "type": { "name": "object" } } },
+  "props": {
+    "classes": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
+  },
   "name": "StepConnector",
   "styles": {
     "classes": [
diff --git a/docs/pages/api-docs/step-content.json b/docs/pages/api-docs/step-content.json
index 7c66af5408ba69..d7c869fe3660c9 100644
--- a/docs/pages/api-docs/step-content.json
+++ b/docs/pages/api-docs/step-content.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TransitionComponent": { "type": { "name": "elementType" }, "default": "Collapse" },
     "transitionDuration": {
       "type": {
diff --git a/docs/pages/api-docs/step-icon.json b/docs/pages/api-docs/step-icon.json
index 83c1f9078f39e6..bee240cbae82c4 100644
--- a/docs/pages/api-docs/step-icon.json
+++ b/docs/pages/api-docs/step-icon.json
@@ -5,7 +5,7 @@
     "completed": { "type": { "name": "bool" } },
     "error": { "type": { "name": "bool" } },
     "icon": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "StepIcon",
   "styles": {
diff --git a/docs/pages/api-docs/step-label.json b/docs/pages/api-docs/step-label.json
index 4996cb79766cc6..20a0d7d576bba5 100644
--- a/docs/pages/api-docs/step-label.json
+++ b/docs/pages/api-docs/step-label.json
@@ -8,7 +8,7 @@
     "optional": { "type": { "name": "node" } },
     "StepIconComponent": { "type": { "name": "elementType" } },
     "StepIconProps": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "StepLabel",
   "styles": {
diff --git a/docs/pages/api-docs/step.json b/docs/pages/api-docs/step.json
index e0b7037fc01f65..fb08b29346377f 100644
--- a/docs/pages/api-docs/step.json
+++ b/docs/pages/api-docs/step.json
@@ -8,7 +8,7 @@
     "expanded": { "type": { "name": "bool" } },
     "index": { "type": { "name": "custom", "description": "integer" } },
     "last": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Step",
   "styles": {
diff --git a/docs/pages/api-docs/stepper.json b/docs/pages/api-docs/stepper.json
index 955f7788999247..edb1053d1a6020 100644
--- a/docs/pages/api-docs/stepper.json
+++ b/docs/pages/api-docs/stepper.json
@@ -10,7 +10,7 @@
       "type": { "name": "enum", "description": "'horizontal'<br>&#124;&nbsp;'vertical'" },
       "default": "'horizontal'"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Stepper",
   "styles": {
diff --git a/docs/pages/api-docs/svg-icon.json b/docs/pages/api-docs/svg-icon.json
index 96b83af69ef6cc..6aff3c8f134418 100644
--- a/docs/pages/api-docs/svg-icon.json
+++ b/docs/pages/api-docs/svg-icon.json
@@ -19,7 +19,7 @@
     },
     "htmlColor": { "type": { "name": "string" } },
     "shapeRendering": { "type": { "name": "string" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "titleAccess": { "type": { "name": "string" } },
     "viewBox": { "type": { "name": "string" }, "default": "'0 0 24 24'" }
   },
diff --git a/docs/pages/api-docs/switch.json b/docs/pages/api-docs/switch.json
index eaf1193cea4332..e1fe406aee6e55 100644
--- a/docs/pages/api-docs/switch.json
+++ b/docs/pages/api-docs/switch.json
@@ -33,7 +33,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } }
   },
   "name": "Switch",
diff --git a/docs/pages/api-docs/tab-panel.json b/docs/pages/api-docs/tab-panel.json
index a6322baa119300..bbab255b086126 100644
--- a/docs/pages/api-docs/tab-panel.json
+++ b/docs/pages/api-docs/tab-panel.json
@@ -3,7 +3,7 @@
     "value": { "type": { "name": "string" }, "required": true },
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TabPanel",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTabPanel" },
diff --git a/docs/pages/api-docs/tab-scroll-button.json b/docs/pages/api-docs/tab-scroll-button.json
index bf970179e5a47b..535af7bf01436a 100644
--- a/docs/pages/api-docs/tab-scroll-button.json
+++ b/docs/pages/api-docs/tab-scroll-button.json
@@ -11,7 +11,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "disabled": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TabScrollButton",
   "styles": {
diff --git a/docs/pages/api-docs/tab.json b/docs/pages/api-docs/tab.json
index 844571ddd2a9df..ba19c665239950 100644
--- a/docs/pages/api-docs/tab.json
+++ b/docs/pages/api-docs/tab.json
@@ -14,7 +14,7 @@
       "default": "'top'"
     },
     "label": { "type": { "name": "node" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } },
     "wrapped": { "type": { "name": "bool" } }
   },
diff --git a/docs/pages/api-docs/table-body.json b/docs/pages/api-docs/table-body.json
index e53b7f5d04a007..f1e1e53119cf47 100644
--- a/docs/pages/api-docs/table-body.json
+++ b/docs/pages/api-docs/table-body.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "component": { "type": { "name": "elementType" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TableBody",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTableBody" },
diff --git a/docs/pages/api-docs/table-cell.json b/docs/pages/api-docs/table-cell.json
index 210b2810c66f04..5b66dee5eb8601 100644
--- a/docs/pages/api-docs/table-cell.json
+++ b/docs/pages/api-docs/table-cell.json
@@ -21,7 +21,7 @@
     "sortDirection": {
       "type": { "name": "enum", "description": "'asc'<br>&#124;&nbsp;'desc'<br>&#124;&nbsp;false" }
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "enum",
diff --git a/docs/pages/api-docs/table-container.json b/docs/pages/api-docs/table-container.json
index d373e3e007dc45..35fb74f2781f55 100644
--- a/docs/pages/api-docs/table-container.json
+++ b/docs/pages/api-docs/table-container.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "component": { "type": { "name": "elementType" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TableContainer",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTableContainer" },
diff --git a/docs/pages/api-docs/table-footer.json b/docs/pages/api-docs/table-footer.json
index f163794bafdb91..83e4e384de8c2c 100644
--- a/docs/pages/api-docs/table-footer.json
+++ b/docs/pages/api-docs/table-footer.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "component": { "type": { "name": "elementType" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TableFooter",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTableFooter" },
diff --git a/docs/pages/api-docs/table-head.json b/docs/pages/api-docs/table-head.json
index ae63f1019bb104..53891abe0e68d7 100644
--- a/docs/pages/api-docs/table-head.json
+++ b/docs/pages/api-docs/table-head.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "component": { "type": { "name": "elementType" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TableHead",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTableHead" },
diff --git a/docs/pages/api-docs/table-pagination.json b/docs/pages/api-docs/table-pagination.json
index 9d779df93eaca2..f6698d0a1a915a 100644
--- a/docs/pages/api-docs/table-pagination.json
+++ b/docs/pages/api-docs/table-pagination.json
@@ -29,7 +29,7 @@
     "SelectProps": { "type": { "name": "object" }, "default": "{}" },
     "showFirstButton": { "type": { "name": "bool" } },
     "showLastButton": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TablePagination",
   "styles": {
diff --git a/docs/pages/api-docs/table-row.json b/docs/pages/api-docs/table-row.json
index 4c04590f4b8f62..529adf1bb706e8 100644
--- a/docs/pages/api-docs/table-row.json
+++ b/docs/pages/api-docs/table-row.json
@@ -5,7 +5,7 @@
     "component": { "type": { "name": "elementType" } },
     "hover": { "type": { "name": "bool" } },
     "selected": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TableRow",
   "styles": {
diff --git a/docs/pages/api-docs/table-sort-label.json b/docs/pages/api-docs/table-sort-label.json
index 07e53388e1ccc9..0a05b24bf07262 100644
--- a/docs/pages/api-docs/table-sort-label.json
+++ b/docs/pages/api-docs/table-sort-label.json
@@ -9,7 +9,7 @@
     },
     "hideSortIcon": { "type": { "name": "bool" } },
     "IconComponent": { "type": { "name": "elementType" }, "default": "ArrowDownwardIcon" },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TableSortLabel",
   "styles": {
diff --git a/docs/pages/api-docs/table.json b/docs/pages/api-docs/table.json
index b5ef543094f7ea..46b4f78a93127f 100644
--- a/docs/pages/api-docs/table.json
+++ b/docs/pages/api-docs/table.json
@@ -18,7 +18,7 @@
       "default": "'medium'"
     },
     "stickyHeader": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Table",
   "styles": { "classes": ["root", "stickyHeader"], "globalClasses": {}, "name": "MuiTable" },
diff --git a/docs/pages/api-docs/tabs.json b/docs/pages/api-docs/tabs.json
index 05265c15764303..0f1dd1249294d1 100644
--- a/docs/pages/api-docs/tabs.json
+++ b/docs/pages/api-docs/tabs.json
@@ -23,7 +23,7 @@
       "default": "'auto'"
     },
     "selectionFollowsFocus": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TabIndicatorProps": { "type": { "name": "object" }, "default": "{}" },
     "TabScrollButtonProps": { "type": { "name": "object" }, "default": "{}" },
     "textColor": {
diff --git a/docs/pages/api-docs/text-field.json b/docs/pages/api-docs/text-field.json
index e84fb7764be330..6ec23bea34b5f9 100644
--- a/docs/pages/api-docs/text-field.json
+++ b/docs/pages/api-docs/text-field.json
@@ -45,7 +45,7 @@
         "description": "'medium'<br>&#124;&nbsp;'small'<br>&#124;&nbsp;string"
       }
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "type": { "type": { "name": "string" } },
     "value": { "type": { "name": "any" } },
     "variant": {
diff --git a/docs/pages/api-docs/timeline-connector.json b/docs/pages/api-docs/timeline-connector.json
index f1e8e221e703a1..d8a0340a54c8c2 100644
--- a/docs/pages/api-docs/timeline-connector.json
+++ b/docs/pages/api-docs/timeline-connector.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TimelineConnector",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTimelineConnector" },
diff --git a/docs/pages/api-docs/timeline-content.json b/docs/pages/api-docs/timeline-content.json
index a9c43a545c5440..399bcb9f7c283c 100644
--- a/docs/pages/api-docs/timeline-content.json
+++ b/docs/pages/api-docs/timeline-content.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TimelineContent",
   "styles": {
diff --git a/docs/pages/api-docs/timeline-dot.json b/docs/pages/api-docs/timeline-dot.json
index 36ba6b32550af5..561f0a78a30c51 100644
--- a/docs/pages/api-docs/timeline-dot.json
+++ b/docs/pages/api-docs/timeline-dot.json
@@ -9,7 +9,7 @@
       },
       "default": "'grey'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/timeline-item.json b/docs/pages/api-docs/timeline-item.json
index 1158235e331fac..c29b764c1e5d94 100644
--- a/docs/pages/api-docs/timeline-item.json
+++ b/docs/pages/api-docs/timeline-item.json
@@ -3,7 +3,7 @@
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
     "position": { "type": { "name": "enum", "description": "'left'<br>&#124;&nbsp;'right'" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TimelineItem",
   "styles": {
diff --git a/docs/pages/api-docs/timeline-opposite-content.json b/docs/pages/api-docs/timeline-opposite-content.json
index c200ba011f1ee3..0b7c1493537a06 100644
--- a/docs/pages/api-docs/timeline-opposite-content.json
+++ b/docs/pages/api-docs/timeline-opposite-content.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TimelineOppositeContent",
   "styles": {
diff --git a/docs/pages/api-docs/timeline-separator.json b/docs/pages/api-docs/timeline-separator.json
index fd2ea8d4447ceb..b1ba22dc4147d3 100644
--- a/docs/pages/api-docs/timeline-separator.json
+++ b/docs/pages/api-docs/timeline-separator.json
@@ -2,7 +2,7 @@
   "props": {
     "children": { "type": { "name": "node" } },
     "classes": { "type": { "name": "object" } },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TimelineSeparator",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTimelineSeparator" },
diff --git a/docs/pages/api-docs/timeline.json b/docs/pages/api-docs/timeline.json
index 4c25fc0a6a6785..4aad05aee70389 100644
--- a/docs/pages/api-docs/timeline.json
+++ b/docs/pages/api-docs/timeline.json
@@ -10,7 +10,7 @@
       },
       "default": "'right'"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "Timeline",
   "styles": {
diff --git a/docs/pages/api-docs/toggle-button-group.json b/docs/pages/api-docs/toggle-button-group.json
index 502e2614eccef3..558bf16073a133 100644
--- a/docs/pages/api-docs/toggle-button-group.json
+++ b/docs/pages/api-docs/toggle-button-group.json
@@ -24,7 +24,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "value": { "type": { "name": "any" } }
   },
   "name": "ToggleButtonGroup",
diff --git a/docs/pages/api-docs/toggle-button.json b/docs/pages/api-docs/toggle-button.json
index 844f2dc307f609..348779b9fb0fe5 100644
--- a/docs/pages/api-docs/toggle-button.json
+++ b/docs/pages/api-docs/toggle-button.json
@@ -22,7 +22,7 @@
       },
       "default": "'medium'"
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "ToggleButton",
   "styles": {
diff --git a/docs/pages/api-docs/toolbar.json b/docs/pages/api-docs/toolbar.json
index 59b01fe5873420..3c9cbdb4876e34 100644
--- a/docs/pages/api-docs/toolbar.json
+++ b/docs/pages/api-docs/toolbar.json
@@ -4,7 +4,7 @@
     "classes": { "type": { "name": "object" } },
     "component": { "type": { "name": "elementType" } },
     "disableGutters": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/pages/api-docs/tooltip.json b/docs/pages/api-docs/tooltip.json
index da23763b72c573..16192b71d97051 100644
--- a/docs/pages/api-docs/tooltip.json
+++ b/docs/pages/api-docs/tooltip.json
@@ -36,7 +36,7 @@
     },
     "PopperComponent": { "type": { "name": "elementType" }, "default": "Popper" },
     "PopperProps": { "type": { "name": "object" }, "default": "{}" },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TransitionComponent": { "type": { "name": "elementType" }, "default": "Grow" },
     "TransitionProps": { "type": { "name": "object" } }
   },
diff --git a/docs/pages/api-docs/tree-item.json b/docs/pages/api-docs/tree-item.json
index 1c17016f2f1fde..5ed00abd187bc9 100644
--- a/docs/pages/api-docs/tree-item.json
+++ b/docs/pages/api-docs/tree-item.json
@@ -15,7 +15,7 @@
     "icon": { "type": { "name": "node" } },
     "label": { "type": { "name": "node" } },
     "onFocus": { "type": { "name": "custom", "description": "unsupportedProp" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "TransitionComponent": { "type": { "name": "elementType" }, "default": "Collapse" },
     "TransitionProps": { "type": { "name": "object" } }
   },
diff --git a/docs/pages/api-docs/tree-view.json b/docs/pages/api-docs/tree-view.json
index 6dda61f9b7b8d2..c8c8389addbfeb 100644
--- a/docs/pages/api-docs/tree-view.json
+++ b/docs/pages/api-docs/tree-view.json
@@ -25,7 +25,7 @@
     "selected": {
       "type": { "name": "union", "description": "Array&lt;string&gt;<br>&#124;&nbsp;string" }
     },
-    "sx": { "type": { "name": "object" } }
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } }
   },
   "name": "TreeView",
   "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTreeView" },
diff --git a/docs/pages/api-docs/typography.json b/docs/pages/api-docs/typography.json
index 12c20834dd8a5a..75347ff5dbaded 100644
--- a/docs/pages/api-docs/typography.json
+++ b/docs/pages/api-docs/typography.json
@@ -13,7 +13,7 @@
     "gutterBottom": { "type": { "name": "bool" } },
     "noWrap": { "type": { "name": "bool" } },
     "paragraph": { "type": { "name": "bool" } },
-    "sx": { "type": { "name": "object" } },
+    "sx": { "type": { "name": "union", "description": "func<br>&#124;&nbsp;object" } },
     "variant": {
       "type": {
         "name": "union",
diff --git a/docs/src/pages/premium-themes/onepirate/modules/views/ProductHeroLayout.js b/docs/src/pages/premium-themes/onepirate/modules/views/ProductHeroLayout.js
index ed2d0e21162126..c68b1cf8700236 100644
--- a/docs/src/pages/premium-themes/onepirate/modules/views/ProductHeroLayout.js
+++ b/docs/src/pages/premium-themes/onepirate/modules/views/ProductHeroLayout.js
@@ -77,7 +77,7 @@ function ProductHeroLayout(props) {
 
 ProductHeroLayout.propTypes = {
   children: PropTypes.node,
-  sxBackground: PropTypes.object,
+  sxBackground: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default ProductHeroLayout;
diff --git a/docs/src/pages/system/flexbox/AlignContent.js b/docs/src/pages/system/flexbox/AlignContent.js
index b58a4ead0a12d9..e4250bf56706cd 100644
--- a/docs/src/pages/system/flexbox/AlignContent.js
+++ b/docs/src/pages/system/flexbox/AlignContent.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function AlignContent() {
diff --git a/docs/src/pages/system/flexbox/AlignItems.js b/docs/src/pages/system/flexbox/AlignItems.js
index b6c24e22b4c76c..ea8688f86ed90e 100644
--- a/docs/src/pages/system/flexbox/AlignItems.js
+++ b/docs/src/pages/system/flexbox/AlignItems.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function AlignItems() {
diff --git a/docs/src/pages/system/flexbox/AlignSelf.js b/docs/src/pages/system/flexbox/AlignSelf.js
index 99894aaaba66ec..f95aa95c1d8aac 100644
--- a/docs/src/pages/system/flexbox/AlignSelf.js
+++ b/docs/src/pages/system/flexbox/AlignSelf.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function AlignSelf() {
diff --git a/docs/src/pages/system/flexbox/FlexDirection.js b/docs/src/pages/system/flexbox/FlexDirection.js
index f1b39fd2408d13..826620388c70c8 100644
--- a/docs/src/pages/system/flexbox/FlexDirection.js
+++ b/docs/src/pages/system/flexbox/FlexDirection.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function FlexDirection() {
diff --git a/docs/src/pages/system/flexbox/FlexGrow.js b/docs/src/pages/system/flexbox/FlexGrow.js
index c814adba24100f..9070f852a4b167 100644
--- a/docs/src/pages/system/flexbox/FlexGrow.js
+++ b/docs/src/pages/system/flexbox/FlexGrow.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function FlexGrow() {
diff --git a/docs/src/pages/system/flexbox/FlexShrink.js b/docs/src/pages/system/flexbox/FlexShrink.js
index eb0864c87ae726..de13b0dc50b6b6 100644
--- a/docs/src/pages/system/flexbox/FlexShrink.js
+++ b/docs/src/pages/system/flexbox/FlexShrink.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function FlexShrink() {
diff --git a/docs/src/pages/system/flexbox/FlexWrap.js b/docs/src/pages/system/flexbox/FlexWrap.js
index d0e1463a8ae3be..32f171bfc89742 100644
--- a/docs/src/pages/system/flexbox/FlexWrap.js
+++ b/docs/src/pages/system/flexbox/FlexWrap.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function FlexWrap() {
diff --git a/docs/src/pages/system/flexbox/JustifyContent.js b/docs/src/pages/system/flexbox/JustifyContent.js
index fd276c54a61797..9068017871275f 100644
--- a/docs/src/pages/system/flexbox/JustifyContent.js
+++ b/docs/src/pages/system/flexbox/JustifyContent.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function JustifyContent() {
diff --git a/docs/src/pages/system/flexbox/Order.js b/docs/src/pages/system/flexbox/Order.js
index 554bcdd47f2a51..27aa55a7c52204 100644
--- a/docs/src/pages/system/flexbox/Order.js
+++ b/docs/src/pages/system/flexbox/Order.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function Order() {
diff --git a/docs/src/pages/system/grid/Gap.js b/docs/src/pages/system/grid/Gap.js
index fb8ab45a4bb1f3..28eb658f7e52cf 100644
--- a/docs/src/pages/system/grid/Gap.js
+++ b/docs/src/pages/system/grid/Gap.js
@@ -22,7 +22,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function Gap() {
diff --git a/docs/src/pages/system/grid/GridAutoColumns.js b/docs/src/pages/system/grid/GridAutoColumns.js
index 6fed2d4f12ad1c..b8af30b9b364b4 100644
--- a/docs/src/pages/system/grid/GridAutoColumns.js
+++ b/docs/src/pages/system/grid/GridAutoColumns.js
@@ -22,7 +22,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function GridAutoColumns() {
diff --git a/docs/src/pages/system/grid/GridAutoFlow.js b/docs/src/pages/system/grid/GridAutoFlow.js
index 8caf59287918d9..f488412768ff7b 100644
--- a/docs/src/pages/system/grid/GridAutoFlow.js
+++ b/docs/src/pages/system/grid/GridAutoFlow.js
@@ -22,7 +22,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function GridAutoFlow() {
diff --git a/docs/src/pages/system/grid/GridAutoRows.js b/docs/src/pages/system/grid/GridAutoRows.js
index 9182f363374214..cae6b9f2113154 100644
--- a/docs/src/pages/system/grid/GridAutoRows.js
+++ b/docs/src/pages/system/grid/GridAutoRows.js
@@ -22,7 +22,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function GridAutoColumns() {
diff --git a/docs/src/pages/system/grid/GridTemplateColumns.js b/docs/src/pages/system/grid/GridTemplateColumns.js
index df8c4bdaa804f5..b78c8acfe9a8bc 100644
--- a/docs/src/pages/system/grid/GridTemplateColumns.js
+++ b/docs/src/pages/system/grid/GridTemplateColumns.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function GridTemplateColumns() {
diff --git a/docs/src/pages/system/grid/GridTemplateRows.js b/docs/src/pages/system/grid/GridTemplateRows.js
index 2eae238c63f8ef..2b4c4819b68ce3 100644
--- a/docs/src/pages/system/grid/GridTemplateRows.js
+++ b/docs/src/pages/system/grid/GridTemplateRows.js
@@ -23,7 +23,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function GridTemplateRows() {
diff --git a/docs/src/pages/system/grid/RowAndColumnGap.js b/docs/src/pages/system/grid/RowAndColumnGap.js
index 41c1b083b3c102..998856cfa0d6f5 100644
--- a/docs/src/pages/system/grid/RowAndColumnGap.js
+++ b/docs/src/pages/system/grid/RowAndColumnGap.js
@@ -22,7 +22,7 @@ function Item(props) {
 }
 
 Item.propTypes = {
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default function RowAndColumnGap() {
diff --git a/packages/mui-lab/src/CalendarPickerSkeleton/CalendarPickerSkeleton.tsx b/packages/mui-lab/src/CalendarPickerSkeleton/CalendarPickerSkeleton.tsx
index 6f942710adb841..488ab05a4c3a65 100644
--- a/packages/mui-lab/src/CalendarPickerSkeleton/CalendarPickerSkeleton.tsx
+++ b/packages/mui-lab/src/CalendarPickerSkeleton/CalendarPickerSkeleton.tsx
@@ -176,7 +176,7 @@ CalendarPickerSkeleton.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 } as any;
 
 export default CalendarPickerSkeleton;
diff --git a/packages/mui-lab/src/DateRangePickerDay/DateRangePickerDay.tsx b/packages/mui-lab/src/DateRangePickerDay/DateRangePickerDay.tsx
index 75394bf51aafb6..eb6a0b4aed4e9b 100644
--- a/packages/mui-lab/src/DateRangePickerDay/DateRangePickerDay.tsx
+++ b/packages/mui-lab/src/DateRangePickerDay/DateRangePickerDay.tsx
@@ -349,7 +349,7 @@ DateRangePickerDay.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 } as any;
 
 /**
diff --git a/packages/mui-lab/src/LoadingButton/LoadingButton.js b/packages/mui-lab/src/LoadingButton/LoadingButton.js
index 77541be71b4c9c..56c5e97b8226b7 100644
--- a/packages/mui-lab/src/LoadingButton/LoadingButton.js
+++ b/packages/mui-lab/src/LoadingButton/LoadingButton.js
@@ -233,7 +233,7 @@ LoadingButton.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default LoadingButton;
diff --git a/packages/mui-lab/src/Masonry/Masonry.js b/packages/mui-lab/src/Masonry/Masonry.js
index f4fa6e46058722..b6d9ff709a101b 100644
--- a/packages/mui-lab/src/Masonry/Masonry.js
+++ b/packages/mui-lab/src/Masonry/Masonry.js
@@ -377,7 +377,7 @@ Masonry.propTypes /* remove-proptypes */ = {
   /**
    * Allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default Masonry;
diff --git a/packages/mui-lab/src/MonthPicker/MonthPicker.tsx b/packages/mui-lab/src/MonthPicker/MonthPicker.tsx
index 75612a05fb80a8..d0d8aa4ccf057e 100644
--- a/packages/mui-lab/src/MonthPicker/MonthPicker.tsx
+++ b/packages/mui-lab/src/MonthPicker/MonthPicker.tsx
@@ -197,7 +197,7 @@ MonthPicker.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 } as any;
 
 /**
diff --git a/packages/mui-lab/src/PickersDay/PickersDay.tsx b/packages/mui-lab/src/PickersDay/PickersDay.tsx
index 9a8c2c8fefbbc0..76ae3f7571d29d 100644
--- a/packages/mui-lab/src/PickersDay/PickersDay.tsx
+++ b/packages/mui-lab/src/PickersDay/PickersDay.tsx
@@ -482,7 +482,7 @@ PickersDay.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, renders as today date.
    * @default false
diff --git a/packages/mui-lab/src/TabPanel/TabPanel.js b/packages/mui-lab/src/TabPanel/TabPanel.js
index 738d0ddcba7e06..0872bbca8ce909 100644
--- a/packages/mui-lab/src/TabPanel/TabPanel.js
+++ b/packages/mui-lab/src/TabPanel/TabPanel.js
@@ -78,7 +78,7 @@ TabPanel.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when
    * no `value` was passed to `Tab`.
diff --git a/packages/mui-lab/src/Timeline/Timeline.tsx b/packages/mui-lab/src/Timeline/Timeline.tsx
index dd3dec786d1fcf..3dc247f6f026b1 100644
--- a/packages/mui-lab/src/Timeline/Timeline.tsx
+++ b/packages/mui-lab/src/Timeline/Timeline.tsx
@@ -129,7 +129,7 @@ Timeline.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 } as any;
 
 /**
diff --git a/packages/mui-lab/src/TimelineConnector/TimelineConnector.js b/packages/mui-lab/src/TimelineConnector/TimelineConnector.js
index d785baffe19f0e..65a6c40a4cee76 100644
--- a/packages/mui-lab/src/TimelineConnector/TimelineConnector.js
+++ b/packages/mui-lab/src/TimelineConnector/TimelineConnector.js
@@ -69,7 +69,7 @@ TimelineConnector.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TimelineConnector;
diff --git a/packages/mui-lab/src/TimelineContent/TimelineContent.js b/packages/mui-lab/src/TimelineContent/TimelineContent.js
index dd37f15ee2c55f..47d9e328c19a48 100644
--- a/packages/mui-lab/src/TimelineContent/TimelineContent.js
+++ b/packages/mui-lab/src/TimelineContent/TimelineContent.js
@@ -78,7 +78,7 @@ TimelineContent.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TimelineContent;
diff --git a/packages/mui-lab/src/TimelineDot/TimelineDot.js b/packages/mui-lab/src/TimelineDot/TimelineDot.js
index f3eb80959607c4..6a27b502ec8f81 100644
--- a/packages/mui-lab/src/TimelineDot/TimelineDot.js
+++ b/packages/mui-lab/src/TimelineDot/TimelineDot.js
@@ -124,7 +124,7 @@ TimelineDot.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The dot can appear filled or outlined.
    * @default 'filled'
diff --git a/packages/mui-lab/src/TimelineItem/TimelineItem.js b/packages/mui-lab/src/TimelineItem/TimelineItem.js
index b29b6e5c2093ac..a7eda50278296b 100644
--- a/packages/mui-lab/src/TimelineItem/TimelineItem.js
+++ b/packages/mui-lab/src/TimelineItem/TimelineItem.js
@@ -116,7 +116,7 @@ TimelineItem.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TimelineItem;
diff --git a/packages/mui-lab/src/TimelineOppositeContent/TimelineOppositeContent.js b/packages/mui-lab/src/TimelineOppositeContent/TimelineOppositeContent.js
index 6496812573d4cb..71df27a6d80fbc 100644
--- a/packages/mui-lab/src/TimelineOppositeContent/TimelineOppositeContent.js
+++ b/packages/mui-lab/src/TimelineOppositeContent/TimelineOppositeContent.js
@@ -79,7 +79,7 @@ TimelineOppositeContent.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 TimelineOppositeContent.muiName = 'TimelineOppositeContent';
diff --git a/packages/mui-lab/src/TimelineSeparator/TimelineSeparator.js b/packages/mui-lab/src/TimelineSeparator/TimelineSeparator.js
index 7cc8d7481253cc..e3d001df422caf 100644
--- a/packages/mui-lab/src/TimelineSeparator/TimelineSeparator.js
+++ b/packages/mui-lab/src/TimelineSeparator/TimelineSeparator.js
@@ -68,7 +68,7 @@ TimelineSeparator.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TimelineSeparator;
diff --git a/packages/mui-lab/src/TreeItem/TreeItem.js b/packages/mui-lab/src/TreeItem/TreeItem.js
index 31d9f3c6d6b417..2c334bf6f55414 100644
--- a/packages/mui-lab/src/TreeItem/TreeItem.js
+++ b/packages/mui-lab/src/TreeItem/TreeItem.js
@@ -402,7 +402,7 @@ TreeItem.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
diff --git a/packages/mui-lab/src/TreeView/TreeView.js b/packages/mui-lab/src/TreeView/TreeView.js
index cb363b2d4cec89..cbf1eb27260f31 100644
--- a/packages/mui-lab/src/TreeView/TreeView.js
+++ b/packages/mui-lab/src/TreeView/TreeView.js
@@ -942,7 +942,7 @@ TreeView.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TreeView;
diff --git a/packages/mui-material-next/src/Button/Button.js b/packages/mui-material-next/src/Button/Button.js
index d9735ae35f50d5..0963b166c07263 100644
--- a/packages/mui-material-next/src/Button/Button.js
+++ b/packages/mui-material-next/src/Button/Button.js
@@ -628,7 +628,7 @@ Button.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * @default 0
    */
diff --git a/packages/mui-material-next/src/Input/Input.js b/packages/mui-material-next/src/Input/Input.js
index 733c8cf01049ad..ae5cc0c29e5dd9 100644
--- a/packages/mui-material-next/src/Input/Input.js
+++ b/packages/mui-material-next/src/Input/Input.js
@@ -495,7 +495,7 @@ Input.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
    * @default 'text'
diff --git a/packages/mui-material/src/Accordion/Accordion.js b/packages/mui-material/src/Accordion/Accordion.js
index 2166b936f737a8..be919beb6f39f6 100644
--- a/packages/mui-material/src/Accordion/Accordion.js
+++ b/packages/mui-material/src/Accordion/Accordion.js
@@ -253,7 +253,7 @@ Accordion.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
diff --git a/packages/mui-material/src/AccordionActions/AccordionActions.js b/packages/mui-material/src/AccordionActions/AccordionActions.js
index c9b5d1a8960494..fb098b7b90ca13 100644
--- a/packages/mui-material/src/AccordionActions/AccordionActions.js
+++ b/packages/mui-material/src/AccordionActions/AccordionActions.js
@@ -78,7 +78,7 @@ AccordionActions.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default AccordionActions;
diff --git a/packages/mui-material/src/AccordionDetails/AccordionDetails.js b/packages/mui-material/src/AccordionDetails/AccordionDetails.js
index 2cea88e94988cd..e6c89848a41878 100644
--- a/packages/mui-material/src/AccordionDetails/AccordionDetails.js
+++ b/packages/mui-material/src/AccordionDetails/AccordionDetails.js
@@ -60,7 +60,7 @@ AccordionDetails.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default AccordionDetails;
diff --git a/packages/mui-material/src/AccordionSummary/AccordionSummary.js b/packages/mui-material/src/AccordionSummary/AccordionSummary.js
index 6feb2ffa6fb208..e8d2dc31395bda 100644
--- a/packages/mui-material/src/AccordionSummary/AccordionSummary.js
+++ b/packages/mui-material/src/AccordionSummary/AccordionSummary.js
@@ -177,7 +177,7 @@ AccordionSummary.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default AccordionSummary;
diff --git a/packages/mui-material/src/Alert/Alert.js b/packages/mui-material/src/Alert/Alert.js
index 8d4bef67d2f934..4b29cd33831ac6 100644
--- a/packages/mui-material/src/Alert/Alert.js
+++ b/packages/mui-material/src/Alert/Alert.js
@@ -252,7 +252,7 @@ Alert.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'standard'
diff --git a/packages/mui-material/src/AlertTitle/AlertTitle.js b/packages/mui-material/src/AlertTitle/AlertTitle.js
index d76539c6cd7980..3bf4f6cab1bdda 100644
--- a/packages/mui-material/src/AlertTitle/AlertTitle.js
+++ b/packages/mui-material/src/AlertTitle/AlertTitle.js
@@ -71,7 +71,7 @@ AlertTitle.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default AlertTitle;
diff --git a/packages/mui-material/src/AppBar/AppBar.js b/packages/mui-material/src/AppBar/AppBar.js
index ebc390cfae6574..53d55251f9a807 100644
--- a/packages/mui-material/src/AppBar/AppBar.js
+++ b/packages/mui-material/src/AppBar/AppBar.js
@@ -179,7 +179,7 @@ AppBar.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default AppBar;
diff --git a/packages/mui-material/src/Autocomplete/Autocomplete.js b/packages/mui-material/src/Autocomplete/Autocomplete.js
index 617706c989fe00..b120dbf660425c 100644
--- a/packages/mui-material/src/Autocomplete/Autocomplete.js
+++ b/packages/mui-material/src/Autocomplete/Autocomplete.js
@@ -1016,7 +1016,7 @@ Autocomplete.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The value of the autocomplete.
    *
diff --git a/packages/mui-material/src/Avatar/Avatar.js b/packages/mui-material/src/Avatar/Avatar.js
index 4337701029d24a..60c300a5605092 100644
--- a/packages/mui-material/src/Avatar/Avatar.js
+++ b/packages/mui-material/src/Avatar/Avatar.js
@@ -235,7 +235,7 @@ Avatar.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The shape of the avatar.
    * @default 'circular'
diff --git a/packages/mui-material/src/AvatarGroup/AvatarGroup.js b/packages/mui-material/src/AvatarGroup/AvatarGroup.js
index 284700a54cdbea..304d8ffabbf95a 100644
--- a/packages/mui-material/src/AvatarGroup/AvatarGroup.js
+++ b/packages/mui-material/src/AvatarGroup/AvatarGroup.js
@@ -179,7 +179,7 @@ AvatarGroup.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'circular'
diff --git a/packages/mui-material/src/Backdrop/Backdrop.js b/packages/mui-material/src/Backdrop/Backdrop.js
index 3282aeee23bbf7..24a27b35071841 100644
--- a/packages/mui-material/src/Backdrop/Backdrop.js
+++ b/packages/mui-material/src/Backdrop/Backdrop.js
@@ -128,7 +128,7 @@ Backdrop.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
diff --git a/packages/mui-material/src/Badge/Badge.js b/packages/mui-material/src/Badge/Badge.js
index d46a8464a3034b..e374bf59bf3587 100644
--- a/packages/mui-material/src/Badge/Badge.js
+++ b/packages/mui-material/src/Badge/Badge.js
@@ -328,7 +328,7 @@ Badge.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'standard'
diff --git a/packages/mui-material/src/BottomNavigation/BottomNavigation.js b/packages/mui-material/src/BottomNavigation/BottomNavigation.js
index 6450b4746ba06d..823ac671fbe12d 100755
--- a/packages/mui-material/src/BottomNavigation/BottomNavigation.js
+++ b/packages/mui-material/src/BottomNavigation/BottomNavigation.js
@@ -123,7 +123,7 @@ BottomNavigation.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The value of the currently selected `BottomNavigationAction`.
    */
diff --git a/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.js b/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.js
index 93b2f7e64dcf77..2252ee2ad44d88 100644
--- a/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.js
+++ b/packages/mui-material/src/BottomNavigationAction/BottomNavigationAction.js
@@ -159,7 +159,7 @@ BottomNavigationAction.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.
    */
diff --git a/packages/mui-material/src/Breadcrumbs/Breadcrumbs.js b/packages/mui-material/src/Breadcrumbs/Breadcrumbs.js
index e230ba29454590..127949acac2539 100644
--- a/packages/mui-material/src/Breadcrumbs/Breadcrumbs.js
+++ b/packages/mui-material/src/Breadcrumbs/Breadcrumbs.js
@@ -240,7 +240,7 @@ Breadcrumbs.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default Breadcrumbs;
diff --git a/packages/mui-material/src/Button/Button.js b/packages/mui-material/src/Button/Button.js
index 4393cb5d6a4224..dec0fb6ba725e4 100644
--- a/packages/mui-material/src/Button/Button.js
+++ b/packages/mui-material/src/Button/Button.js
@@ -425,7 +425,7 @@ Button.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * @ignore
    */
diff --git a/packages/mui-material/src/ButtonBase/ButtonBase.js b/packages/mui-material/src/ButtonBase/ButtonBase.js
index da05286f309bf8..d122afca04cb0a 100644
--- a/packages/mui-material/src/ButtonBase/ButtonBase.js
+++ b/packages/mui-material/src/ButtonBase/ButtonBase.js
@@ -503,7 +503,7 @@ ButtonBase.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * @default 0
    */
diff --git a/packages/mui-material/src/ButtonGroup/ButtonGroup.js b/packages/mui-material/src/ButtonGroup/ButtonGroup.js
index b78523792734b4..40a036c73b4202 100644
--- a/packages/mui-material/src/ButtonGroup/ButtonGroup.js
+++ b/packages/mui-material/src/ButtonGroup/ButtonGroup.js
@@ -312,7 +312,7 @@ ButtonGroup.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'outlined'
diff --git a/packages/mui-material/src/Card/Card.js b/packages/mui-material/src/Card/Card.js
index 2601a59cac8079..53887201a7c753 100644
--- a/packages/mui-material/src/Card/Card.js
+++ b/packages/mui-material/src/Card/Card.js
@@ -82,7 +82,7 @@ Card.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default Card;
diff --git a/packages/mui-material/src/CardActionArea/CardActionArea.js b/packages/mui-material/src/CardActionArea/CardActionArea.js
index eaf822aa3e5e38..1e832c9a37f21e 100644
--- a/packages/mui-material/src/CardActionArea/CardActionArea.js
+++ b/packages/mui-material/src/CardActionArea/CardActionArea.js
@@ -102,7 +102,7 @@ CardActionArea.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default CardActionArea;
diff --git a/packages/mui-material/src/CardActions/CardActions.js b/packages/mui-material/src/CardActions/CardActions.js
index 0335b5e65319ed..5f8c9e8930ce8c 100644
--- a/packages/mui-material/src/CardActions/CardActions.js
+++ b/packages/mui-material/src/CardActions/CardActions.js
@@ -82,7 +82,7 @@ CardActions.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default CardActions;
diff --git a/packages/mui-material/src/CardContent/CardContent.js b/packages/mui-material/src/CardContent/CardContent.js
index 1877c0b57a6f99..db82a1212bea55 100644
--- a/packages/mui-material/src/CardContent/CardContent.js
+++ b/packages/mui-material/src/CardContent/CardContent.js
@@ -77,7 +77,7 @@ CardContent.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default CardContent;
diff --git a/packages/mui-material/src/CardHeader/CardHeader.js b/packages/mui-material/src/CardHeader/CardHeader.js
index 9f705e3b16a077..6405e66961f239 100644
--- a/packages/mui-material/src/CardHeader/CardHeader.js
+++ b/packages/mui-material/src/CardHeader/CardHeader.js
@@ -197,7 +197,7 @@ CardHeader.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The content of the component.
    */
diff --git a/packages/mui-material/src/CardMedia/CardMedia.js b/packages/mui-material/src/CardMedia/CardMedia.js
index 58a423e68474d9..dc2c8d96a6e909 100644
--- a/packages/mui-material/src/CardMedia/CardMedia.js
+++ b/packages/mui-material/src/CardMedia/CardMedia.js
@@ -124,7 +124,7 @@ CardMedia.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default CardMedia;
diff --git a/packages/mui-material/src/Checkbox/Checkbox.js b/packages/mui-material/src/Checkbox/Checkbox.js
index 8556e1c6e91b44..ca2aeda8a5c5c1 100644
--- a/packages/mui-material/src/Checkbox/Checkbox.js
+++ b/packages/mui-material/src/Checkbox/Checkbox.js
@@ -207,7 +207,7 @@ Checkbox.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
diff --git a/packages/mui-material/src/Chip/Chip.js b/packages/mui-material/src/Chip/Chip.js
index 0e4430ad5a6493..0279e7c748e999 100644
--- a/packages/mui-material/src/Chip/Chip.js
+++ b/packages/mui-material/src/Chip/Chip.js
@@ -538,7 +538,7 @@ Chip.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'filled'
diff --git a/packages/mui-material/src/CircularProgress/CircularProgress.js b/packages/mui-material/src/CircularProgress/CircularProgress.js
index 194145339f22b4..36fe854e849e9d 100644
--- a/packages/mui-material/src/CircularProgress/CircularProgress.js
+++ b/packages/mui-material/src/CircularProgress/CircularProgress.js
@@ -246,7 +246,7 @@ CircularProgress.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The thickness of the circle.
    * @default 3.6
diff --git a/packages/mui-material/src/Collapse/Collapse.js b/packages/mui-material/src/Collapse/Collapse.js
index 79da01b29131da..61ca8121b2d5e8 100644
--- a/packages/mui-material/src/Collapse/Collapse.js
+++ b/packages/mui-material/src/Collapse/Collapse.js
@@ -397,7 +397,7 @@ Collapse.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
diff --git a/packages/mui-material/src/Container/Container.js b/packages/mui-material/src/Container/Container.js
index be4b1133bd0542..1779b4c5ffcb79 100644
--- a/packages/mui-material/src/Container/Container.js
+++ b/packages/mui-material/src/Container/Container.js
@@ -158,7 +158,7 @@ Container.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default Container;
diff --git a/packages/mui-material/src/Dialog/Dialog.js b/packages/mui-material/src/Dialog/Dialog.js
index b164889fe3ffc3..7290447798bfa8 100644
--- a/packages/mui-material/src/Dialog/Dialog.js
+++ b/packages/mui-material/src/Dialog/Dialog.js
@@ -377,7 +377,7 @@ Dialog.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
diff --git a/packages/mui-material/src/DialogActions/DialogActions.js b/packages/mui-material/src/DialogActions/DialogActions.js
index ae7de99b6205e8..7bcac86a07c6c9 100644
--- a/packages/mui-material/src/DialogActions/DialogActions.js
+++ b/packages/mui-material/src/DialogActions/DialogActions.js
@@ -82,7 +82,7 @@ DialogActions.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default DialogActions;
diff --git a/packages/mui-material/src/DialogContent/DialogContent.js b/packages/mui-material/src/DialogContent/DialogContent.js
index 2a1c5bfc4bd954..3b44c7e161ff53 100644
--- a/packages/mui-material/src/DialogContent/DialogContent.js
+++ b/packages/mui-material/src/DialogContent/DialogContent.js
@@ -89,7 +89,7 @@ DialogContent.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default DialogContent;
diff --git a/packages/mui-material/src/DialogContentText/DialogContentText.js b/packages/mui-material/src/DialogContentText/DialogContentText.js
index 203be46be3447a..9a6a59ca6d0c06 100644
--- a/packages/mui-material/src/DialogContentText/DialogContentText.js
+++ b/packages/mui-material/src/DialogContentText/DialogContentText.js
@@ -62,7 +62,7 @@ DialogContentText.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default DialogContentText;
diff --git a/packages/mui-material/src/DialogTitle/DialogTitle.js b/packages/mui-material/src/DialogTitle/DialogTitle.js
index 8ccf7517af87cd..a685c187b31c27 100644
--- a/packages/mui-material/src/DialogTitle/DialogTitle.js
+++ b/packages/mui-material/src/DialogTitle/DialogTitle.js
@@ -76,7 +76,7 @@ DialogTitle.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default DialogTitle;
diff --git a/packages/mui-material/src/Divider/Divider.js b/packages/mui-material/src/Divider/Divider.js
index 0e54593fde2e16..989a1a2505f400 100644
--- a/packages/mui-material/src/Divider/Divider.js
+++ b/packages/mui-material/src/Divider/Divider.js
@@ -261,7 +261,7 @@ Divider.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The text alignment.
    * @default 'center'
diff --git a/packages/mui-material/src/Drawer/Drawer.js b/packages/mui-material/src/Drawer/Drawer.js
index 03640d77d9e2d7..22ba0121b7e8e7 100644
--- a/packages/mui-material/src/Drawer/Drawer.js
+++ b/packages/mui-material/src/Drawer/Drawer.js
@@ -326,7 +326,7 @@ Drawer.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
diff --git a/packages/mui-material/src/Fab/Fab.js b/packages/mui-material/src/Fab/Fab.js
index c5dae15e059a1f..37858ad4b6ec09 100644
--- a/packages/mui-material/src/Fab/Fab.js
+++ b/packages/mui-material/src/Fab/Fab.js
@@ -244,7 +244,7 @@ Fab.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'circular'
diff --git a/packages/mui-material/src/FilledInput/FilledInput.js b/packages/mui-material/src/FilledInput/FilledInput.js
index 57ffb69806173f..11f1120ddec448 100644
--- a/packages/mui-material/src/FilledInput/FilledInput.js
+++ b/packages/mui-material/src/FilledInput/FilledInput.js
@@ -366,7 +366,7 @@ FilledInput.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
    * @default 'text'
diff --git a/packages/mui-material/src/FormControl/FormControl.js b/packages/mui-material/src/FormControl/FormControl.js
index 61a70230e3ccf7..2db9ba91bc9d75 100644
--- a/packages/mui-material/src/FormControl/FormControl.js
+++ b/packages/mui-material/src/FormControl/FormControl.js
@@ -304,7 +304,7 @@ FormControl.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'outlined'
diff --git a/packages/mui-material/src/FormControlLabel/FormControlLabel.js b/packages/mui-material/src/FormControlLabel/FormControlLabel.js
index 3328cb869762d7..d235001ba4f8a6 100644
--- a/packages/mui-material/src/FormControlLabel/FormControlLabel.js
+++ b/packages/mui-material/src/FormControlLabel/FormControlLabel.js
@@ -197,7 +197,7 @@ FormControlLabel.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The value of the component.
    */
diff --git a/packages/mui-material/src/FormGroup/FormGroup.js b/packages/mui-material/src/FormGroup/FormGroup.js
index 286fcfaca29ee0..3870c84897e608 100644
--- a/packages/mui-material/src/FormGroup/FormGroup.js
+++ b/packages/mui-material/src/FormGroup/FormGroup.js
@@ -83,7 +83,7 @@ FormGroup.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default FormGroup;
diff --git a/packages/mui-material/src/FormHelperText/FormHelperText.js b/packages/mui-material/src/FormHelperText/FormHelperText.js
index ad0af508b3301b..69bc21fd1a250e 100644
--- a/packages/mui-material/src/FormHelperText/FormHelperText.js
+++ b/packages/mui-material/src/FormHelperText/FormHelperText.js
@@ -172,7 +172,7 @@ FormHelperText.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    */
diff --git a/packages/mui-material/src/FormLabel/FormLabel.js b/packages/mui-material/src/FormLabel/FormLabel.js
index b0b14dada6ec60..a90aa596569d10 100644
--- a/packages/mui-material/src/FormLabel/FormLabel.js
+++ b/packages/mui-material/src/FormLabel/FormLabel.js
@@ -169,7 +169,7 @@ FormLabel.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default FormLabel;
diff --git a/packages/mui-material/src/Grid/Grid.js b/packages/mui-material/src/Grid/Grid.js
index 1b8c3625fc39ad..5fc13b5fb0a9b7 100644
--- a/packages/mui-material/src/Grid/Grid.js
+++ b/packages/mui-material/src/Grid/Grid.js
@@ -424,7 +424,7 @@ Grid.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Defines the `flex-wrap` style property.
    * It's applied for all screen sizes.
diff --git a/packages/mui-material/src/Icon/Icon.js b/packages/mui-material/src/Icon/Icon.js
index 8aadb4d9bced64..ea74c396e78524 100644
--- a/packages/mui-material/src/Icon/Icon.js
+++ b/packages/mui-material/src/Icon/Icon.js
@@ -160,7 +160,7 @@ Icon.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 Icon.muiName = 'Icon';
diff --git a/packages/mui-material/src/IconButton/IconButton.js b/packages/mui-material/src/IconButton/IconButton.js
index 086d27f3c890eb..0ce70a8e668656 100644
--- a/packages/mui-material/src/IconButton/IconButton.js
+++ b/packages/mui-material/src/IconButton/IconButton.js
@@ -229,7 +229,7 @@ IconButton.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default IconButton;
diff --git a/packages/mui-material/src/ImageList/ImageList.js b/packages/mui-material/src/ImageList/ImageList.js
index 847686603379c1..feba4d93ec24a5 100644
--- a/packages/mui-material/src/ImageList/ImageList.js
+++ b/packages/mui-material/src/ImageList/ImageList.js
@@ -144,7 +144,7 @@ ImageList.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'standard'
diff --git a/packages/mui-material/src/ImageListItem/ImageListItem.js b/packages/mui-material/src/ImageListItem/ImageListItem.js
index e2883c42c032fc..53c68cfe153e19 100644
--- a/packages/mui-material/src/ImageListItem/ImageListItem.js
+++ b/packages/mui-material/src/ImageListItem/ImageListItem.js
@@ -172,7 +172,7 @@ ImageListItem.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default ImageListItem;
diff --git a/packages/mui-material/src/ImageListItemBar/ImageListItemBar.js b/packages/mui-material/src/ImageListItemBar/ImageListItemBar.js
index e069f78f2bef1d..db12605927897f 100644
--- a/packages/mui-material/src/ImageListItemBar/ImageListItemBar.js
+++ b/packages/mui-material/src/ImageListItemBar/ImageListItemBar.js
@@ -219,7 +219,7 @@ ImageListItemBar.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Title to be displayed.
    */
diff --git a/packages/mui-material/src/Input/Input.js b/packages/mui-material/src/Input/Input.js
index 817c24c75a1cc7..e2cb24d3f3fffa 100644
--- a/packages/mui-material/src/Input/Input.js
+++ b/packages/mui-material/src/Input/Input.js
@@ -286,7 +286,7 @@ Input.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
    * @default 'text'
diff --git a/packages/mui-material/src/InputAdornment/InputAdornment.js b/packages/mui-material/src/InputAdornment/InputAdornment.js
index 2e2455d8704bd3..f31afa792da213 100644
--- a/packages/mui-material/src/InputAdornment/InputAdornment.js
+++ b/packages/mui-material/src/InputAdornment/InputAdornment.js
@@ -178,7 +178,7 @@ InputAdornment.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * Note: If you are using the `TextField` component or the `FormControl` component
diff --git a/packages/mui-material/src/InputBase/InputBase.js b/packages/mui-material/src/InputBase/InputBase.js
index b45c20ab6d09fb..7ab05d8330678f 100644
--- a/packages/mui-material/src/InputBase/InputBase.js
+++ b/packages/mui-material/src/InputBase/InputBase.js
@@ -728,7 +728,7 @@ InputBase.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
    * @default 'text'
diff --git a/packages/mui-material/src/InputLabel/InputLabel.js b/packages/mui-material/src/InputLabel/InputLabel.js
index 3de7f277df3a10..78a22f69e413df 100644
--- a/packages/mui-material/src/InputLabel/InputLabel.js
+++ b/packages/mui-material/src/InputLabel/InputLabel.js
@@ -203,7 +203,7 @@ InputLabel.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    */
diff --git a/packages/mui-material/src/LinearProgress/LinearProgress.js b/packages/mui-material/src/LinearProgress/LinearProgress.js
index a12a4077318501..7731816080bdda 100644
--- a/packages/mui-material/src/LinearProgress/LinearProgress.js
+++ b/packages/mui-material/src/LinearProgress/LinearProgress.js
@@ -363,7 +363,7 @@ LinearProgress.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The value of the progress indicator for the determinate and buffer variants.
    * Value between 0 and 100.
diff --git a/packages/mui-material/src/Link/Link.js b/packages/mui-material/src/Link/Link.js
index 700cbbf41b4b68..0ac086497e7167 100644
--- a/packages/mui-material/src/Link/Link.js
+++ b/packages/mui-material/src/Link/Link.js
@@ -207,7 +207,7 @@ Link.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * `classes` prop applied to the [`Typography`](/api/typography/) element.
    */
diff --git a/packages/mui-material/src/List/List.js b/packages/mui-material/src/List/List.js
index cd3966b52e3314..1d7a500beff826 100644
--- a/packages/mui-material/src/List/List.js
+++ b/packages/mui-material/src/List/List.js
@@ -124,7 +124,7 @@ List.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default List;
diff --git a/packages/mui-material/src/ListItem/ListItem.js b/packages/mui-material/src/ListItem/ListItem.js
index aec38e706f67f7..240439074576b7 100644
--- a/packages/mui-material/src/ListItem/ListItem.js
+++ b/packages/mui-material/src/ListItem/ListItem.js
@@ -442,7 +442,7 @@ ListItem.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default ListItem;
diff --git a/packages/mui-material/src/ListItemAvatar/ListItemAvatar.js b/packages/mui-material/src/ListItemAvatar/ListItemAvatar.js
index 660f32f9898f96..f2457c1bbd18be 100644
--- a/packages/mui-material/src/ListItemAvatar/ListItemAvatar.js
+++ b/packages/mui-material/src/ListItemAvatar/ListItemAvatar.js
@@ -77,7 +77,7 @@ ListItemAvatar.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default ListItemAvatar;
diff --git a/packages/mui-material/src/ListItemButton/ListItemButton.js b/packages/mui-material/src/ListItemButton/ListItemButton.js
index b1802e16a10b8d..f4f265475a7bae 100644
--- a/packages/mui-material/src/ListItemButton/ListItemButton.js
+++ b/packages/mui-material/src/ListItemButton/ListItemButton.js
@@ -247,7 +247,7 @@ ListItemButton.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default ListItemButton;
diff --git a/packages/mui-material/src/ListItemIcon/ListItemIcon.js b/packages/mui-material/src/ListItemIcon/ListItemIcon.js
index c6ca6ad06776d1..a0cb1c9f1a1dbd 100644
--- a/packages/mui-material/src/ListItemIcon/ListItemIcon.js
+++ b/packages/mui-material/src/ListItemIcon/ListItemIcon.js
@@ -80,7 +80,7 @@ ListItemIcon.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default ListItemIcon;
diff --git a/packages/mui-material/src/ListItemSecondaryAction/ListItemSecondaryAction.js b/packages/mui-material/src/ListItemSecondaryAction/ListItemSecondaryAction.js
index 44d08a0d7dc7ca..117c6d4e97929c 100644
--- a/packages/mui-material/src/ListItemSecondaryAction/ListItemSecondaryAction.js
+++ b/packages/mui-material/src/ListItemSecondaryAction/ListItemSecondaryAction.js
@@ -75,7 +75,7 @@ ListItemSecondaryAction.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 ListItemSecondaryAction.muiName = 'ListItemSecondaryAction';
diff --git a/packages/mui-material/src/ListItemText/ListItemText.js b/packages/mui-material/src/ListItemText/ListItemText.js
index f3aadce7db0ccb..93041626153b35 100644
--- a/packages/mui-material/src/ListItemText/ListItemText.js
+++ b/packages/mui-material/src/ListItemText/ListItemText.js
@@ -172,7 +172,7 @@ ListItemText.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default ListItemText;
diff --git a/packages/mui-material/src/ListSubheader/ListSubheader.js b/packages/mui-material/src/ListSubheader/ListSubheader.js
index c878fe10c31ab2..c996491d8d465a 100644
--- a/packages/mui-material/src/ListSubheader/ListSubheader.js
+++ b/packages/mui-material/src/ListSubheader/ListSubheader.js
@@ -145,7 +145,7 @@ ListSubheader.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default ListSubheader;
diff --git a/packages/mui-material/src/Menu/Menu.js b/packages/mui-material/src/Menu/Menu.js
index 143358dd32ee94..e539589c503c60 100644
--- a/packages/mui-material/src/Menu/Menu.js
+++ b/packages/mui-material/src/Menu/Menu.js
@@ -260,7 +260,7 @@ Menu.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The length of the transition in `ms`, or 'auto'
    * @default 'auto'
diff --git a/packages/mui-material/src/MenuItem/MenuItem.js b/packages/mui-material/src/MenuItem/MenuItem.js
index 3ac8f0026b7479..c56faed76bfd4b 100644
--- a/packages/mui-material/src/MenuItem/MenuItem.js
+++ b/packages/mui-material/src/MenuItem/MenuItem.js
@@ -264,7 +264,7 @@ MenuItem.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * @default 0
    */
diff --git a/packages/mui-material/src/MobileStepper/MobileStepper.js b/packages/mui-material/src/MobileStepper/MobileStepper.js
index 4e474d9e6056ab..08c52cb2cdff8e 100644
--- a/packages/mui-material/src/MobileStepper/MobileStepper.js
+++ b/packages/mui-material/src/MobileStepper/MobileStepper.js
@@ -211,7 +211,7 @@ MobileStepper.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'dots'
diff --git a/packages/mui-material/src/Modal/Modal.js b/packages/mui-material/src/Modal/Modal.js
index e2991dfe7d9c3e..2619419ae7dbd7 100644
--- a/packages/mui-material/src/Modal/Modal.js
+++ b/packages/mui-material/src/Modal/Modal.js
@@ -254,7 +254,7 @@ Modal.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default Modal;
diff --git a/packages/mui-material/src/NativeSelect/NativeSelect.js b/packages/mui-material/src/NativeSelect/NativeSelect.js
index fcc6276efa1c8c..39fd888bd880cb 100644
--- a/packages/mui-material/src/NativeSelect/NativeSelect.js
+++ b/packages/mui-material/src/NativeSelect/NativeSelect.js
@@ -110,7 +110,7 @@ NativeSelect.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The `input` value. The DOM API casts this to a string.
    */
diff --git a/packages/mui-material/src/OutlinedInput/OutlinedInput.js b/packages/mui-material/src/OutlinedInput/OutlinedInput.js
index 1e897a8d2a4998..7b277d0de58684 100644
--- a/packages/mui-material/src/OutlinedInput/OutlinedInput.js
+++ b/packages/mui-material/src/OutlinedInput/OutlinedInput.js
@@ -294,7 +294,7 @@ OutlinedInput.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
    * @default 'text'
diff --git a/packages/mui-material/src/Pagination/Pagination.js b/packages/mui-material/src/Pagination/Pagination.js
index f108e0d4710e76..e289befca0f13b 100644
--- a/packages/mui-material/src/Pagination/Pagination.js
+++ b/packages/mui-material/src/Pagination/Pagination.js
@@ -236,7 +236,7 @@ Pagination.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'text'
diff --git a/packages/mui-material/src/PaginationItem/PaginationItem.js b/packages/mui-material/src/PaginationItem/PaginationItem.js
index b0ebf2d806954d..a330c3f5f47deb 100644
--- a/packages/mui-material/src/PaginationItem/PaginationItem.js
+++ b/packages/mui-material/src/PaginationItem/PaginationItem.js
@@ -370,7 +370,7 @@ PaginationItem.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The type of pagination item.
    * @default 'page'
diff --git a/packages/mui-material/src/Paper/Paper.js b/packages/mui-material/src/Paper/Paper.js
index d45f1fae1ba6a1..d801dad91496a0 100644
--- a/packages/mui-material/src/Paper/Paper.js
+++ b/packages/mui-material/src/Paper/Paper.js
@@ -160,7 +160,7 @@ Paper.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'elevation'
diff --git a/packages/mui-material/src/Popover/Popover.js b/packages/mui-material/src/Popover/Popover.js
index 3252d1c8744dc6..2d48d0ea498e4f 100644
--- a/packages/mui-material/src/Popover/Popover.js
+++ b/packages/mui-material/src/Popover/Popover.js
@@ -517,7 +517,7 @@ Popover.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * This is the point on the popover which
    * will attach to the anchor's origin.
diff --git a/packages/mui-material/src/Radio/Radio.js b/packages/mui-material/src/Radio/Radio.js
index dce9474601aaa2..c9890393489b3b 100644
--- a/packages/mui-material/src/Radio/Radio.js
+++ b/packages/mui-material/src/Radio/Radio.js
@@ -201,7 +201,7 @@ Radio.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The value of the component. The DOM API casts this to a string.
    */
diff --git a/packages/mui-material/src/Rating/Rating.js b/packages/mui-material/src/Rating/Rating.js
index 6e747e32ae3181..0b1d360ddb3fbc 100644
--- a/packages/mui-material/src/Rating/Rating.js
+++ b/packages/mui-material/src/Rating/Rating.js
@@ -730,7 +730,7 @@ Rating.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The rating value.
    */
diff --git a/packages/mui-material/src/Select/Select.js b/packages/mui-material/src/Select/Select.js
index 6aee52f90d9d81..cc5b010667d6e4 100644
--- a/packages/mui-material/src/Select/Select.js
+++ b/packages/mui-material/src/Select/Select.js
@@ -236,7 +236,7 @@ Select.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The `input` value. Providing an empty string will select no options.
    * Set to an empty string `''` if you don't want any of the available options to be selected.
diff --git a/packages/mui-material/src/Skeleton/Skeleton.js b/packages/mui-material/src/Skeleton/Skeleton.js
index 6ee7ceb8635527..ef2aed5b8a06d6 100644
--- a/packages/mui-material/src/Skeleton/Skeleton.js
+++ b/packages/mui-material/src/Skeleton/Skeleton.js
@@ -220,7 +220,7 @@ Skeleton.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The type of content that will be rendered.
    * @default 'text'
diff --git a/packages/mui-material/src/Slider/Slider.js b/packages/mui-material/src/Slider/Slider.js
index dda3bc36123b16..8cb966edd6774b 100644
--- a/packages/mui-material/src/Slider/Slider.js
+++ b/packages/mui-material/src/Slider/Slider.js
@@ -667,7 +667,7 @@ Slider.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Tab index attribute of the hidden `input` element.
    */
diff --git a/packages/mui-material/src/Snackbar/Snackbar.js b/packages/mui-material/src/Snackbar/Snackbar.js
index bf6067c80fa5ae..53a8e4b81827a3 100644
--- a/packages/mui-material/src/Snackbar/Snackbar.js
+++ b/packages/mui-material/src/Snackbar/Snackbar.js
@@ -347,7 +347,7 @@ Snackbar.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
diff --git a/packages/mui-material/src/SnackbarContent/SnackbarContent.js b/packages/mui-material/src/SnackbarContent/SnackbarContent.js
index 79d88b2140a0c2..4ded2cc646fc0c 100644
--- a/packages/mui-material/src/SnackbarContent/SnackbarContent.js
+++ b/packages/mui-material/src/SnackbarContent/SnackbarContent.js
@@ -122,7 +122,7 @@ SnackbarContent.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default SnackbarContent;
diff --git a/packages/mui-material/src/SpeedDial/SpeedDial.js b/packages/mui-material/src/SpeedDial/SpeedDial.js
index 5960d84e5f5d7c..68e24de6332d2e 100644
--- a/packages/mui-material/src/SpeedDial/SpeedDial.js
+++ b/packages/mui-material/src/SpeedDial/SpeedDial.js
@@ -502,7 +502,7 @@ SpeedDial.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
diff --git a/packages/mui-material/src/SpeedDialAction/SpeedDialAction.js b/packages/mui-material/src/SpeedDialAction/SpeedDialAction.js
index 10c0ad318375c1..6645391d0c9972 100644
--- a/packages/mui-material/src/SpeedDialAction/SpeedDialAction.js
+++ b/packages/mui-material/src/SpeedDialAction/SpeedDialAction.js
@@ -239,7 +239,7 @@ SpeedDialAction.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * `classes` prop applied to the [`Tooltip`](/api/tooltip/) element.
    */
diff --git a/packages/mui-material/src/SpeedDialIcon/SpeedDialIcon.js b/packages/mui-material/src/SpeedDialIcon/SpeedDialIcon.js
index efdbf1f36a024d..066fe67f873180 100644
--- a/packages/mui-material/src/SpeedDialIcon/SpeedDialIcon.js
+++ b/packages/mui-material/src/SpeedDialIcon/SpeedDialIcon.js
@@ -121,7 +121,7 @@ SpeedDialIcon.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 SpeedDialIcon.muiName = 'SpeedDialIcon';
diff --git a/packages/mui-material/src/Stack/Stack.js b/packages/mui-material/src/Stack/Stack.js
index 35267a8660c1bf..61f8ec0eee1d38 100644
--- a/packages/mui-material/src/Stack/Stack.js
+++ b/packages/mui-material/src/Stack/Stack.js
@@ -150,7 +150,7 @@ Stack.propTypes /* remove-proptypes */ = {
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default Stack;
diff --git a/packages/mui-material/src/Step/Step.js b/packages/mui-material/src/Step/Step.js
index 9ea7bc289e7b69..d3c17cfd153fb4 100644
--- a/packages/mui-material/src/Step/Step.js
+++ b/packages/mui-material/src/Step/Step.js
@@ -165,7 +165,7 @@ Step.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default Step;
diff --git a/packages/mui-material/src/StepButton/StepButton.js b/packages/mui-material/src/StepButton/StepButton.js
index cafd4c751b0f9a..ae79f52b24c62a 100644
--- a/packages/mui-material/src/StepButton/StepButton.js
+++ b/packages/mui-material/src/StepButton/StepButton.js
@@ -114,7 +114,7 @@ StepButton.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default StepButton;
diff --git a/packages/mui-material/src/StepConnector/StepConnector.js b/packages/mui-material/src/StepConnector/StepConnector.js
index ec96641a159162..aa835811bf9f10 100644
--- a/packages/mui-material/src/StepConnector/StepConnector.js
+++ b/packages/mui-material/src/StepConnector/StepConnector.js
@@ -113,7 +113,7 @@ StepConnector.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default StepConnector;
diff --git a/packages/mui-material/src/StepContent/StepContent.js b/packages/mui-material/src/StepContent/StepContent.js
index 015fa7363ec9c6..8757e2ea1018a5 100644
--- a/packages/mui-material/src/StepContent/StepContent.js
+++ b/packages/mui-material/src/StepContent/StepContent.js
@@ -114,7 +114,7 @@ StepContent.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
diff --git a/packages/mui-material/src/StepIcon/StepIcon.js b/packages/mui-material/src/StepIcon/StepIcon.js
index 07cd46291120d2..5872babcb75b29 100644
--- a/packages/mui-material/src/StepIcon/StepIcon.js
+++ b/packages/mui-material/src/StepIcon/StepIcon.js
@@ -146,7 +146,7 @@ StepIcon.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default StepIcon;
diff --git a/packages/mui-material/src/StepLabel/StepLabel.js b/packages/mui-material/src/StepLabel/StepLabel.js
index 558148d0320590..e59eb707af4891 100644
--- a/packages/mui-material/src/StepLabel/StepLabel.js
+++ b/packages/mui-material/src/StepLabel/StepLabel.js
@@ -223,7 +223,7 @@ StepLabel.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 StepLabel.muiName = 'StepLabel';
diff --git a/packages/mui-material/src/Stepper/Stepper.js b/packages/mui-material/src/Stepper/Stepper.js
index 9b43c037b4cb33..caafb6e407e34b 100644
--- a/packages/mui-material/src/Stepper/Stepper.js
+++ b/packages/mui-material/src/Stepper/Stepper.js
@@ -140,7 +140,7 @@ Stepper.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default Stepper;
diff --git a/packages/mui-material/src/SvgIcon/SvgIcon.js b/packages/mui-material/src/SvgIcon/SvgIcon.js
index 3e0f2d3ca7e4bf..c53c72f9665eb8 100644
--- a/packages/mui-material/src/SvgIcon/SvgIcon.js
+++ b/packages/mui-material/src/SvgIcon/SvgIcon.js
@@ -164,7 +164,7 @@ SvgIcon.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Provides a human-readable title for the element that contains it.
    * https://www.w3.org/TR/SVG-access/#Equivalent
diff --git a/packages/mui-material/src/Switch/Switch.js b/packages/mui-material/src/Switch/Switch.js
index ecabf457417554..96084ef8fe9870 100644
--- a/packages/mui-material/src/Switch/Switch.js
+++ b/packages/mui-material/src/Switch/Switch.js
@@ -308,7 +308,7 @@ Switch.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
diff --git a/packages/mui-material/src/Tab/Tab.js b/packages/mui-material/src/Tab/Tab.js
index 1f7c212ef7e2e8..7a5217efb77051 100644
--- a/packages/mui-material/src/Tab/Tab.js
+++ b/packages/mui-material/src/Tab/Tab.js
@@ -279,7 +279,7 @@ Tab.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.
    */
diff --git a/packages/mui-material/src/TabScrollButton/TabScrollButton.js b/packages/mui-material/src/TabScrollButton/TabScrollButton.js
index 5c94c841742565..9bf4c316563607 100644
--- a/packages/mui-material/src/TabScrollButton/TabScrollButton.js
+++ b/packages/mui-material/src/TabScrollButton/TabScrollButton.js
@@ -107,7 +107,7 @@ TabScrollButton.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TabScrollButton;
diff --git a/packages/mui-material/src/Table/Table.js b/packages/mui-material/src/Table/Table.js
index c953846f3ccfee..b573809924e6a8 100644
--- a/packages/mui-material/src/Table/Table.js
+++ b/packages/mui-material/src/Table/Table.js
@@ -129,7 +129,7 @@ Table.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default Table;
diff --git a/packages/mui-material/src/TableBody/TableBody.js b/packages/mui-material/src/TableBody/TableBody.js
index a253133c41e114..898f83e98781c5 100644
--- a/packages/mui-material/src/TableBody/TableBody.js
+++ b/packages/mui-material/src/TableBody/TableBody.js
@@ -81,7 +81,7 @@ TableBody.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TableBody;
diff --git a/packages/mui-material/src/TableCell/TableCell.js b/packages/mui-material/src/TableCell/TableCell.js
index 2038e7aec89ab9..badffed82ab0ca 100644
--- a/packages/mui-material/src/TableCell/TableCell.js
+++ b/packages/mui-material/src/TableCell/TableCell.js
@@ -226,7 +226,7 @@ TableCell.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Specify the cell type.
    * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
diff --git a/packages/mui-material/src/TableContainer/TableContainer.js b/packages/mui-material/src/TableContainer/TableContainer.js
index aad5593b7575c7..e08c4c611a8614 100644
--- a/packages/mui-material/src/TableContainer/TableContainer.js
+++ b/packages/mui-material/src/TableContainer/TableContainer.js
@@ -72,7 +72,7 @@ TableContainer.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TableContainer;
diff --git a/packages/mui-material/src/TableFooter/TableFooter.js b/packages/mui-material/src/TableFooter/TableFooter.js
index 8bafdcb1798160..7b9066a1defdfa 100644
--- a/packages/mui-material/src/TableFooter/TableFooter.js
+++ b/packages/mui-material/src/TableFooter/TableFooter.js
@@ -81,7 +81,7 @@ TableFooter.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TableFooter;
diff --git a/packages/mui-material/src/TableHead/TableHead.js b/packages/mui-material/src/TableHead/TableHead.js
index 2a350334a11be2..5046a4c9884186 100644
--- a/packages/mui-material/src/TableHead/TableHead.js
+++ b/packages/mui-material/src/TableHead/TableHead.js
@@ -81,7 +81,7 @@ TableHead.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TableHead;
diff --git a/packages/mui-material/src/TablePagination/TablePagination.js b/packages/mui-material/src/TablePagination/TablePagination.js
index c8dd604a68a4ab..5726e2628d9b28 100644
--- a/packages/mui-material/src/TablePagination/TablePagination.js
+++ b/packages/mui-material/src/TablePagination/TablePagination.js
@@ -396,7 +396,7 @@ TablePagination.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TablePagination;
diff --git a/packages/mui-material/src/TableRow/TableRow.js b/packages/mui-material/src/TableRow/TableRow.js
index d44bad6ff8ddeb..83317002f4109f 100644
--- a/packages/mui-material/src/TableRow/TableRow.js
+++ b/packages/mui-material/src/TableRow/TableRow.js
@@ -120,7 +120,7 @@ TableRow.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TableRow;
diff --git a/packages/mui-material/src/TableSortLabel/TableSortLabel.js b/packages/mui-material/src/TableSortLabel/TableSortLabel.js
index 5a78d0a867b76c..c1ffab0c48459e 100644
--- a/packages/mui-material/src/TableSortLabel/TableSortLabel.js
+++ b/packages/mui-material/src/TableSortLabel/TableSortLabel.js
@@ -163,7 +163,7 @@ TableSortLabel.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
 export default TableSortLabel;
diff --git a/packages/mui-material/src/Tabs/Tabs.js b/packages/mui-material/src/Tabs/Tabs.js
index d66fc9dd3a6ab8..0b4a563d47c105 100644
--- a/packages/mui-material/src/Tabs/Tabs.js
+++ b/packages/mui-material/src/Tabs/Tabs.js
@@ -841,7 +841,7 @@ Tabs.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Props applied to the tab indicator element.
    * @default  {}
diff --git a/packages/mui-material/src/TextField/TextField.js b/packages/mui-material/src/TextField/TextField.js
index fb95ca32fd336e..f9a4998bc45eb1 100644
--- a/packages/mui-material/src/TextField/TextField.js
+++ b/packages/mui-material/src/TextField/TextField.js
@@ -386,7 +386,7 @@ TextField.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
    */
diff --git a/packages/mui-material/src/ToggleButton/ToggleButton.js b/packages/mui-material/src/ToggleButton/ToggleButton.js
index e0477888caba07..a4c1d5e8793abf 100644
--- a/packages/mui-material/src/ToggleButton/ToggleButton.js
+++ b/packages/mui-material/src/ToggleButton/ToggleButton.js
@@ -217,7 +217,7 @@ ToggleButton.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The value to associate with the button when selected in a
    * ToggleButtonGroup.
diff --git a/packages/mui-material/src/ToggleButtonGroup/ToggleButtonGroup.js b/packages/mui-material/src/ToggleButtonGroup/ToggleButtonGroup.js
index c827c86c4e4a5d..f7932b2c73f91c 100644
--- a/packages/mui-material/src/ToggleButtonGroup/ToggleButtonGroup.js
+++ b/packages/mui-material/src/ToggleButtonGroup/ToggleButtonGroup.js
@@ -237,7 +237,7 @@ ToggleButtonGroup.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The currently selected value within the group or an array of selected
    * values when `exclusive` is false.
diff --git a/packages/mui-material/src/Toolbar/Toolbar.js b/packages/mui-material/src/Toolbar/Toolbar.js
index e99fed9b3e7699..bcbff5d041ae53 100644
--- a/packages/mui-material/src/Toolbar/Toolbar.js
+++ b/packages/mui-material/src/Toolbar/Toolbar.js
@@ -105,7 +105,7 @@ Toolbar.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The variant to use.
    * @default 'regular'
diff --git a/packages/mui-material/src/Tooltip/Tooltip.js b/packages/mui-material/src/Tooltip/Tooltip.js
index 920e22f237d2e0..1163d42b50f3a5 100644
--- a/packages/mui-material/src/Tooltip/Tooltip.js
+++ b/packages/mui-material/src/Tooltip/Tooltip.js
@@ -857,7 +857,7 @@ Tooltip.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Tooltip title. Zero-length titles string are never displayed.
    */
diff --git a/packages/mui-material/src/Typography/Typography.js b/packages/mui-material/src/Typography/Typography.js
index f255a62dbed356..876e1dd6ce2221 100644
--- a/packages/mui-material/src/Typography/Typography.js
+++ b/packages/mui-material/src/Typography/Typography.js
@@ -182,7 +182,7 @@ Typography.propTypes /* remove-proptypes */ = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Applies the theme typography styles.
    * @default 'body1'