From 17d44a5d32e95e15142c71b75283facfcd949182 Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Tue, 5 May 2026 10:46:57 +1000
Subject: [PATCH] chore(ci): configure noUnknownProperty to allow corner-shape
 (#1502)

---
 .vscode/settings.json                                | 2 ++
 biome.json                                           | 5 +++++
 packages/skins/src/minimal/css/components/button.css | 2 --
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 1b35ae3d..ec4cd659 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -18,6 +18,8 @@
   "biome.requireConfiguration": true,
   "editor.defaultFormatter": "biomejs.biome",
   "js/ts.tsdk.path": "node_modules/typescript/lib",
+  // Built-in CSS validation overlaps Biome; disable it for CSS diagnostics only.
+  "css.validate": false,
 
   "[astro]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
diff --git a/biome.json b/biome.json
index dc91d720..41155c50 100644
--- a/biome.json
+++ b/biome.json
@@ -60,6 +60,11 @@
         "noArguments": "off"
       },
       "correctness": {
+        "noUnknownProperty": {
+          "options": {
+            "ignore": ["corner-shape"]
+          }
+        },
         "noUnusedVariables": "warn",
         "noUnusedImports": "warn",
         "noUnusedFunctionParameters": "off",
diff --git a/packages/skins/src/minimal/css/components/button.css b/packages/skins/src/minimal/css/components/button.css
index 84328b2b..91b3b8de 100644
--- a/packages/skins/src/minimal/css/components/button.css
+++ b/packages/skins/src/minimal/css/components/button.css
@@ -45,11 +45,9 @@
   }
 }
 
-/* biome-ignore lint/correctness/noUnknownProperty: corner-shape is an emerging CSS spec */
 @supports (corner-shape: squircle) {
   .media-minimal-skin .media-button {
     border-radius: 1rem;
-    /* biome-ignore lint/correctness/noUnknownProperty: corner-shape is an emerging CSS spec */
     corner-shape: squircle;
   }
 }