squelch warnings (#1251)

Author: Rich-Harris

apps/svelte.dev/src/lib/components/ModalDropdown.svelte

@@ -93,10 +93,6 @@
 			outline: 2px solid var(--sk-fg-accent);
 			border-radius: var(--sk-border-radius);
 		}
-
-		span {
-			pointer-events: none;
-		}
 	}
 
 	summary {

apps/svelte.dev/src/routes/(authed)/apps/+page.svelte

@@ -197,10 +197,6 @@
 		height: 100%;
 	}
 
-	.controls input,
-	.controls button {
-	}
-
 	.controls input[type='search'] {
 		position: relative;
 		width: 100%;
@@ -283,6 +279,7 @@
 
 	li.selected {
 		filter: drop-shadow(1px 2px 4px hsla(205.7, 63.6%, 30.8%, 0.1));
+		transform: var(--safari-fix);
 		-webkit-transform: var(--safari-fix);
 	}
 

apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte

@@ -281,14 +281,6 @@
 				background-image: url($lib/icons/user-dark.svg);
 			}
 		}
-
-		&.download {
-			background-image: url($lib/icons/download-light.svg);
-
-			:root.dark & {
-				background-image: url($lib/icons/download-dark.svg);
-			}
-		}
 	}
 
 	.icon:hover,

apps/svelte.dev/src/routes/_home/Community.svelte

@@ -12,6 +12,7 @@
 
 	<figure>
 		<enhanced:img
+			class="collage"
 			src="./summit.png?w=800;1200;2000;2800;4400"
 			alt="Photos by Marcel Cutts from the 2022 Svelte Summit in Stockholm"
 		/>
@@ -40,7 +41,7 @@
 		}
 	}
 
-	img {
+	.collage {
 		width: 100%;
 		height: auto;
 	}

apps/svelte.dev/src/routes/_home/Companies.svelte

@@ -1,21 +1,21 @@
 <div class="companies">
 	<div class="wing">
 		<div class="logos">
-			<enhanced:img src="./companies/mullvad.svg" alt="Mullvad logo" />
-			<enhanced:img src="./companies/stack-overflow.svg" alt="Stack Overflow logo" />
-			<enhanced:img src="./companies/yelp.svg" alt="Yelp logo" />
-			<enhanced:img src="./companies/square.svg" alt="Square logo" />
-			<enhanced:img src="./companies/apple.svg" alt="Apple logo" />
+			<enhanced:img class="logo" src="./companies/mullvad.svg" alt="Mullvad logo" />
+			<enhanced:img class="logo" src="./companies/stack-overflow.svg" alt="Stack Overflow logo" />
+			<enhanced:img class="logo" src="./companies/yelp.svg" alt="Yelp logo" />
+			<enhanced:img class="logo" src="./companies/square.svg" alt="Square logo" />
+			<enhanced:img class="logo" src="./companies/apple.svg" alt="Apple logo" />
 		</div>
 	</div>
 	<h2>used by companies you’ve heard of</h2>
 	<div class="wing">
 		<div class="logos">
-			<enhanced:img src="./companies/spotify.svg" alt="Spotify logo" />
-			<enhanced:img src="./companies/nyt.svg" alt="New York Times logo" />
-			<enhanced:img src="./companies/ikea.svg" alt="Ikea logo" />
-			<enhanced:img src="./companies/decathlon.svg" alt="Decathlon logo" />
-			<enhanced:img src="./companies/1password.svg" alt="1password logo" />
+			<enhanced:img class="logo" src="./companies/spotify.svg" alt="Spotify logo" />
+			<enhanced:img class="logo" src="./companies/nyt.svg" alt="New York Times logo" />
+			<enhanced:img class="logo" src="./companies/ikea.svg" alt="Ikea logo" />
+			<enhanced:img class="logo" src="./companies/decathlon.svg" alt="Decathlon logo" />
+			<enhanced:img class="logo" src="./companies/1password.svg" alt="1password logo" />
 		</div>
 	</div>
 </div>
@@ -53,7 +53,7 @@
 		gap: 4rem;
 		opacity: 0.5;
 
-		img {
+		.logo {
 			height: 100%;
 			width: auto;
 		}

apps/svelte.dev/src/routes/_home/Supporters/index.svelte

@@ -98,6 +98,7 @@
 		background: no-repeat;
 		background-size: auto 102%;
 		filter: grayscale(1) opacity(0.7);
+		transform: var(--safari-fix);
 		-webkit-transform: var(--safari-fix);
 		order: calc((var(--columns) * (var(--row) - 1)) + var(--column));
 

apps/svelte.dev/src/routes/_home/Testimonials.svelte

@@ -132,6 +132,7 @@
 			object-fit: contain;
 			border-radius: var(--sk-border-radius);
 			transition: filter 0.2s;
+			transform: var(--safari-fix);
 			-webkit-transform: var(--safari-fix);
 
 			@media all and not (hover: none) {

apps/svelte.dev/src/routes/docs/+page.svelte

@@ -141,7 +141,9 @@
 			background-color: var(--sk-bg-2);
 			filter: drop-shadow(1px 2px 4px rgb(0 0 0 / 0.1));
 			text-decoration: none;
+			transform: var(--safari-fix);
 			-webkit-transform: var(--safari-fix);
+
 			h2 {
 				text-decoration: underline;
 			}

apps/svelte.dev/src/routes/tutorial/[...slug]/+page.svelte

@@ -170,6 +170,7 @@
 	let a = $derived(create_files(data.exercise.a));
 	let b = $derived(create_files({ ...data.exercise.a, ...data.exercise.b }));
 
+	// svelte-ignore state_referenced_locally
 	const workspace = new Workspace(Object.values(a), {
 		initial: data.exercise.focus,
 		onupdate(file) {
@@ -180,6 +181,7 @@
 		}
 	});
 
+	// svelte-ignore state_referenced_locally
 	solution.set(b);
 
 	// for the things we can't do with media queries

packages/site-kit/src/lib/components/Dropdown.svelte

@@ -35,6 +35,7 @@
 		filter: var(--sk-shadow);
 		border-radius: var(--sk-border-radius);
 		z-index: 999;
+		transform: var(--safari-fix);
 		-webkit-transform: var(--safari-fix);
 		will-change: opacity;