Button Ripple effect is not working

[Nayeem-XTREME]

Steps to reproduce

https://codesandbox.io/p/devbox/x9xflf

Steps:

1. Check the default button on the home page.

Current behavior

After upgrading @pigment-css/nextjs-plugin to 0.0.21 or 0.0.22, the ripple effect is not working.

Expected behavior

The ripple effect should work.

Context

No response

Your environment

npx @mui/envinfo

``` System: OS: Linux 6.1 Debian GNU/Linux 12 (bookworm) 12 (bookworm) Binaries: Node: 20.11.1 - /usr/local/bin/node npm: 10.2.4 - /usr/local/bin/npm pnpm: 8.15.4 - /usr/local/share/npm-global/bin/pnpm Browsers: Chrome: Not Found npmPackages: @emotion/react: ^11.13.3 => 11.13.3 @emotion/styled: ^11.13.0 => 11.13.0 @mui/core-downloads-tracker: 6.0.1 @mui/material: ^6.0.1 => 6.0.1 @mui/material-nextjs: ^6.0.1 => 6.0.1 @mui/material-pigment-css: ^6.0.1 => 6.0.1 @mui/private-theming: 6.0.1 @mui/styled-engine: 6.0.1 @mui/system: 6.0.1 @mui/types: 7.2.16 @mui/utils: 6.0.1 @pigment-css/nextjs-plugin: ^0.0.21 => 0.0.21 @pigment-css/react: 0.0.21 @pigment-css/unplugin: 0.0.21 @types/react: ^18 => 18.3.5 react: ^19.0.0-rc-e56f4ae3-20240830 => 19.0.0-rc-e56f4ae3-20240830 react-dom: ^19.0.0-rc-e56f4ae3-20240830 => 19.0.0-rc-e56f4ae3-20240830 typescript: ^5 => 5.5.4 ```

Search keywords: Ripple Effect

[siriwatknp]

This is tracked by https://github.com/mui/material-ui/issues/43619