responsiveStacked Cannot read properties of undefined (reading 'down')

Since the update my table does not work and I've got this error
```
TypeError: Cannot read properties of undefined (reading 'down')
defaultTableStyles
src/MUIDataTable.js:59

56 | height: '100%',
57 | },
58 | // deprecated, but continuing support through v3.x
> 59 | responsiveStacked: {
| ^ 60 | overflow: 'auto',
61 | [theme.breakpoints.down('md')]: {
62 | overflow: 'hidden',
```

## Expected Behavior

Table should render like before

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 5.0.6 |
| MUI-datatables | 4.0.0 |
| React | 17.0.2 |
| browser | Edge |

Start in src/MUIDataTable.js around defaultTableStyles and the responsiveStacked entry at line 59. Reproduce the error with Material-UI 5.0.6, MUI-datatables 4.0.0, and React 17.0.2, then inspect why theme.breakpoints is undefined. Done means the table renders without this error and responsiveStacked behaves as expected.

Written by the indexing model from the issue text.