Remove overflow: hidden from border-radius utility classes

renderers/web_core/package.json

@@ -70,6 +70,12 @@
     "fix": "gts fix"
   },
   "wireit": {
+    "test": {
+      "command": "find dist -name '*.test.js' | xargs node --test --enable-source-maps --test-reporter spec",
+      "dependencies": [
+        "build"
+      ]
+    },
     "copy-spec": {
       "command": "node scripts/copy-spec.js",
       "files": [

renderers/web_core/src/v0_8/styles/border.test.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import test from 'node:test';
+import assert from 'node:assert';
+import { border } from './border.js';
+
+test('Border Styles', async (t) => {
+  await t.test('border-radius classes should not apply overflow: hidden to avoid text clipping', () => {
+    // The issue reported clipping of text when using rounded corners because
+    // .border-br-* generated classes also blindly applied overflow: hidden.
+
+    // Check if the generated CSS contains overflow: hidden for border-br classes
+    const match = border.match(/\.border-br-\w+ \{[^}]*overflow:\s*hidden/);
+    assert.strictEqual(match, null, 'Found overflow: hidden applied within a border-br-* class');
+  });
+});

renderers/web_core/src/v0_8/styles/border.ts

@@ -28,7 +28,7 @@ export const border = `
         .border-brw-${idx} { border-right-width: ${idx}px; }
 
         .border-ow-${idx} { outline-width: ${idx}px; }
-        .border-br-${idx} { border-radius: ${idx * grid}px; overflow: hidden;}`;
+        .border-br-${idx} { border-radius: ${idx * grid}px; }`;
     })
     .join("\n")}