[Bug Report][3.6.7] VSnackBar Centered not working

[Mattiam2]

Environment

Vuetify Version: 3.6.7
Last working version: 3.5.18
Vue Version: 3.4.27
Browsers: Chrome 124.0.0.0, Google Chrome, Safari
OS: Linux, Mac OS 10.15.7, Windows, Mac OSX

Steps to reproduce

Just create a VSnackBar with the prop location="center"

Expected Behavior

VSnackBar should be displayed in the vertical center of the screen

Actual Behavior

VSnackBar is displayed at the bottom of the screen

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

The code in this line (

vuetify/packages/vuetify/src/components/VSnackbar/VSnackbar.sass

Line 13 in 407585d

&:not(.v-snackbar--centered):not(.v-snackbar--top)

) overrides the css "align-items: center" when VSnackBar has prop location "center".

There is obviously a typo because the css class given when SnackBar has location center is ".v-snackbar--center" but the css that set its default is:

&:not(.v-snackbar--centered):not(.v-snackbar--top)
      align-items: flex-end

I propose to fix this issue by replacing v-snackbar--centered with v-snackbar--center, as follows:

&:not(.v-snackbar--center):not(.v-snackbar--top)
      align-items: flex-end