fix(native): honour inherits: false on registered custom properties

DEVELOPMENT.md

@@ -47,7 +47,7 @@ This enables `className` prop support on all React Native components.
 - **Reactive style system** (`src/native/reactivity.ts`) — custom observables for media queries, container queries, color scheme changes
 - **StyleCollection singleton** (`src/native-internal/`) — isolated to prevent circular dependencies between native runtime and CSS file imports
 - **Platform-aware compilation** — different outputs for native (JSON) vs web (browser CSS)
-- **Inline variable optimization** — single-use CSS variables are inlined at compile time; multi-use preserved
+- **Inline variable optimization** — single-use CSS variables are inlined at compile time; multi-use, those an `@property` registers `inherits: false` (unless declared only on `*` outside `@media` and `@container`), and those whose value refers to one, preserved
 
 ## Package Entry Points
 

README.md

@@ -255,7 +255,7 @@ export default withReactNativeCSS(defaultConfig, {
 
 Custom properties (sometimes referred to as CSS variables or cascading variables) are a way to store values that can be reused throughout a CSS document. They are defined using a property name that starts with `--`, and their values can be accessed using the `var()` function.
 
-To improve performance, Custom properties that are only set **once** in the CSS file are inlined at build time.
+To improve performance, Custom properties that are only set **once** in the CSS file are inlined at build time. A property an `@property` rule registers with `inherits: false` is inlined only when that one declaration is on a universal selector outside a media or container query, and a property whose value refers to such a property is not inlined.
 
 For example