Drop CSS vendor prefixes and compat workarounds now obsolete in modern browsers (#4421)

website/sass/base.scss

@@ -457,7 +457,6 @@ p {
 	margin: 0;
 	text-align: justify;
 	text-justify: inter-character; // Only supported in Firefox
-	-webkit-hyphens: auto;
 	hyphens: auto;
 
 	code {
@@ -566,7 +565,6 @@ code {
 	background: var(--color-fog);
 	padding: 0 4px;
 	overflow-wrap: anywhere;
-	-webkit-hyphens: none;
 	hyphens: none;
 
 	a & {

website/sass/component/carousel.scss

@@ -46,26 +46,20 @@
 		top: 0;
 		z-index: -1;
 		// Torn edge mask
-		-webkit-mask-repeat: no-repeat;
 		mask-repeat: no-repeat;
-		-webkit-mask-size: contain;
 		mask-size: contain;
 
 		&.left {
 			padding-left: 160px;
 			margin-left: -160px;
-			-webkit-mask-image: url("https://static.graphite.art/textures/torn-edge-left__2.png");
 			mask-image: url("https://static.graphite.art/textures/torn-edge-left__2.png");
-			-webkit-mask-position: top left;
 			mask-position: top left;
 		}
 
 		&.right {
 			padding-right: 160px;
 			margin-right: -160px;
-			-webkit-mask-image: url("https://static.graphite.art/textures/torn-edge-right__2.png");
 			mask-image: url("https://static.graphite.art/textures/torn-edge-right__2.png");
-			-webkit-mask-position: top right;
 			mask-position: top right;
 		}
 	}

website/sass/page/blog.scss

@@ -98,7 +98,6 @@
 				gap: 20px;
 				text-align: justify;
 				text-justify: inter-character; // Only supported in Firefox
-				-webkit-hyphens: auto;
 				hyphens: auto;
 				overflow: hidden;
 				text-overflow: ellipsis;

website/sass/page/index.scss

@@ -440,7 +440,6 @@
 		gap: 20px;
 		text-align: justify;
 		text-justify: inter-character; // Only supported in Firefox
-		-webkit-hyphens: auto;
 		hyphens: auto;
 		overflow: hidden;
 		text-overflow: ellipsis;