Modificar la propiedad boxShadow y background de Paper en material-ui

Estoy siguiendo su documentación desde Aquí para modificar las propiedades predeterminadas del componente Paper.

Aquí está mi código.

import { styled } from '@mui/material/styles';
import { Modal, Button, TextField, Grid, Paper } from '@mui/material';

const Item:any = styled(Paper)(({theme}) => ({
  // ...theme.typography.body2,
  root: {
    boxShadow: '1px 1px 1px 1px rgba(255,255,255,0.2)',
  },
  padding: theme.spacing(1),
  textAlign: 'center',
  color: theme.palette.text.secondary,
  boxShadow: '1px 1px 1px 1px rgba(255,255,255,0.2)',
  '& .MuiPaper-root': {
    boxShadow: '1px 1px 1px 1px rgba(255,255,255,0.2)',
  }
}));
const MyComponent = (props: any) => {
    return (
      <grid container="">
        <grid item="" xs="{8}">
            <item elevation="{1}" square="" variant="outlined">xs=8</item>
        </grid>
      </grid>
    )
}

¿Qué estoy haciendo mal aquí?