Responsive design 材质样式中的响应式排版

我见过MaterialUI支持响应式排版。但是声明没有描述如何在使用makeStyles时实现它。我曾尝试添加它，但所有我尝试过的都会产生错误

在makeStyles中使用它的正确方法是什么

styles.js

    import { makeStyles } from "@material-ui/core/styles";
    
    export default makeStyles((theme) => ({
      home: {
       display: "flex",
       flexDirection: "column",
       gap: "20px",
       alignItems: "center",
       margin: "auto",
      },
    }));

如何在makestyles中实现这一点

let theme = createMuiTheme();
theme = responsiveFontSizes(theme);