ROU-13017: Add shape utilities and radius CSS API

[OS-giulianasilva]

This PR is for adding .shape-* utilities and wiring widget and pattern chrome through the --border-radius cascade so a single class can restyle radius without changing defaults.

What was happening

• Theme-layer radius knobs, utility class names, and token sizes did not match, so .shape-* could not restyle chrome.
• Widgets and patterns bound tokens or knobs directly and ignored --border-radius.
• Changing --border-radius-softer from 16px to 12px would have flattened surfaces that must stay 16px.

What was done

• Retargeted :root knobs (softer = 12px, softest = 16px), kept --border-radius-none for TypeScript ShapeTypes, and added .shape-* utilities including .shape-rectangular.
• Wired widget and pattern chrome through var(--border-radius, var(--border-radius-)); Tag, Avatar, and Badge keep legacy .border-radius-soft at 4px.
• Documented the naming split, token map, and exceptions in ADR-0010.
• Exposed StyleClasses on widget roots and ExtendedClass on pattern configs in Storybook so .shape-* can be inspected in isolation.

Test Steps

1. Run Storybook and open Foundations / Shape. Confirm the five .shape-* classes and that .shape-rectangular maps to --border-radius-none.
2. Open a widget story (Button, Input) with no StyleClasses: default radius is unchanged. Add StyleClasses = shape-rounded and confirm the chrome updates.
3. Repeat on a JS pattern (Accordion, Dropdown) via ExtendedClass = shape-softest, then shape-rectangular.
4. Check Tag, Avatar, and Badge with .border-radius-soft: radius stays 4px, not 8px.
5. Confirm Card and Accordion first/last items stay 16px (softest), not 12px (softer).
6. Confirm Balloon, BottomSheet, and OverflowMenu still resolve ShapeTypes.Sharp to --border-radius-none.

Screenshots

(prefer animated gif)

Checklist

• tested locally
• documented the code
• clean all warnings and errors of eslint
• requires changes in OutSystems (if so, provide a module with changes)
• requires new sample page in OutSystems (if so, provide a module with changes)

[sonarqubecloud]

Quality Gate passed

Issues
3 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

🖼️ Storybook: Chromatic UI tests result: ✅ Passed

Metric	Value
Visual changes	0
Errors	0
Storybook	Preview
Chromatic Build	View Results