feat(cdk/dialog): Add Leaving Animation Support for dialog

[XhstormR]

Feature Description

For the dialog in the Material component, I can customize the animation by adding a panelClass: "sidenav-dialog" config in the typescript, and add the following styles in styles.scss:

.sidenav-dialog {
    animation: enter 0.3s ease-in-out;

    .mdc-dialog--closing {
      animation: leave 0.3s ease-in-out;
    }
}

However, when I switch to the dialog in the CDK, the exit animation no longer works.

The dialog in the CDK component should have more flexibility in customization, such as specifying the CSS class name when exit.

Use Case

No response