build(deps-dev): bump @nextcloud/stylelint-config from 2.2.0 to 2.3.0

Bumps [@nextcloud/stylelint-config](https://github.com/nextcloud/stylelint-config) from 2.2.0 to 2.3.0.
- [Release notes](https://github.com/nextcloud/stylelint-config/releases)
- [Changelog](https://github.com/nextcloud/stylelint-config/blob/master/CHANGELOG.md)
- [Commits](nextcloud-libraries/stylelint-config@v2.2.0...v2.3.0)

---
updated-dependencies:
- dependency-name: "@nextcloud/stylelint-config"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>

package.json

@@ -73,7 +73,7 @@
     "@nextcloud/babel-config": "^1.0.0",
     "@nextcloud/browserslist-config": "^2.3.0",
     "@nextcloud/eslint-config": "^8.0.0",
-    "@nextcloud/stylelint-config": "^2.2.0",
+    "@nextcloud/stylelint-config": "^2.3.0",
     "@nextcloud/webpack-vue-config": "^5.3.0",
     "@types/dockerode": "^3.3.11",
     "@vue/tsconfig": "^0.1.3",

src/components/Audios.vue

@@ -124,7 +124,7 @@ audio {
 	justify-self: center;
 }
 
-::v-deep {
+:deep() {
 	.plyr__progress__container {
 		flex: 1 1;
 	}

src/components/Videos.vue

@@ -161,7 +161,7 @@ video {
 	justify-self: center;
 }
 
-::v-deep {
+:deep() {
 	.plyr:-webkit-full-screen video {
 		width: 100% !important;
 		height: 100% !important;

src/views/Viewer.vue

@@ -976,13 +976,13 @@ export default {
 		transition: width ease 100ms, background-color .3s ease;
 	}
 
-	::v-deep .modal-container,
+	:deep(.modal-container),
 	&__content {
 		overflow: visible !important;
 		cursor: pointer;
 	}
 
-	::v-deep .modal-wrapper {
+	:deep(.modal-wrapper) {
 		.modal-container {
 			// Ensure some space at the bottom
 			top: var(--header-height);
@@ -1015,7 +1015,7 @@ export default {
 		}
 	}
 
-	&.theme--dark::v-deep .button-vue--vue-tertiary {
+	&.theme--dark:deep(.button-vue--vue-tertiary) {
 		&:hover {
 			background-color: rgba(255, 255, 255, .08) !important;
 		}
@@ -1034,8 +1034,8 @@ export default {
 		&.modal-mask {
 			background-color: rgba(255, 255, 255, .92) !important;
 		}
-		::v-deep .modal-title,
-		::v-deep .modal-header .icons-menu button svg {
+		:deep(.modal-title),
+		:deep(.modal-header .icons-menu button svg) {
 			color: #000 !important;
 		}
 	}
@@ -1044,8 +1044,8 @@ export default {
 		&.modal-mask {
 			background-color: var(--color-main-background) !important;
 		}
-		::v-deep .modal-title,
-		::v-deep .modal-header .icons-menu {
+		:deep(.modal-title),
+		:deep(.modal-header .icons-menu) {
 			color: var(--color-main-text) !important;
 
 			button svg, a {