fix: avoid walking ref props in styled mappings

[emmanuelchucks]

Summary

Fixes a TypeScript performance issue where styled() can hang when wrapping components whose props include complex ref types, such as react-strict-dom elements.

StyledConfiguration currently computes dot-notation style targets from ComponentProps<C>. For components like html.div, that includes ref?: React.Ref<HTMLDivElement>. DotNotation then recursively walks into DOM element types through ref, which can make TypeScript hang.

This changes style-mapping target inference to use PropsWithoutRef<ComponentProps<C>>, while preserving ref on the returned styled component props.

Closes #343.

Reproduction

Minimal repro: https://github.com/emmanuelchucks/react-native-css-styled-rsd-ref-repro

import { html } from "react-strict-dom";
import { styled } from "react-native-css";

export const StyledDiv = styled(html.div, { className: "style" });
export const element = <StyledDiv className="p-4" />;

Test plan

Ran locally:

yarn typecheck
yarn lint
yarn test --maxWorkers=2
yarn build
yarn example expo export --platform web

Also verified the react-strict-dom repro typechecks after the change.

[Copilot]

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Updates runtime type utilities to exclude ref from derived component props when used in style mapping and dot-notation types, avoiding ref being treated as a style-addressable prop.

Changes:

• Import PropsWithoutRef from React and apply it to ComponentProps<C> in NativeStyleMapping usages.
• Update ComponentPropsDotNotation to use PropsWithoutRef<ComponentProps<C>>.