Implement mix-blend-mode support (in scope for Nativewind 5.0)

[danstepanov]

Tracking the last unimplemented feature from the 5.0 scope in nativewind/nativewind#1818. filter is already handled by parseFilter in src/compiler/declarations.ts, but mix-blend-mode has no implementation and the vendored Tailwind effects tests still assert a not supported warning for every mix-blend class.

The old PR nativewind/nativewind#1111 patches v4 react-native-css-interop paths that no longer exist, so this needs a fresh compiler mapping from mix-blend-mode to the mixBlendMode style prop (RN 0.76 and up), plus flipping the vendored effects tests from warnings to values. This blocks cutting the 5.0 RC.

[github-actions]

🤖 Auto-triage

Status: NOT_A_BUG
Type: feature
Version: v5

Findings

This is a v5 scope-tracking issue for implementing mix-blend-mode, not a bug report. Verified against the codebase: parseFilter exists in src/compiler/declarations.ts, no mixBlend/mix-blend mapping is present, and src/__tests__/vendor/tailwind/effects.test.tsx currently asserts warnings: { properties: ["mix-blend-mode"] } for all mix-blend-* classes (lines 85+), matching the issue description.

What I tested

• Read CLAUDE.md, DEVELOPMENT.md, CONTRIBUTING.md for context
• Grepped src/compiler for parseFilter — confirmed present in declarations.ts
• Grepped src/ for mix-blend/mixBlend — only match is the vendored effects test asserting warnings
• Reviewed effects.test.tsx:85-113 to confirm the warning assertions the issue references

Next steps

• Already labeled enhancement + v5 stability; leaving those in place.
• Implementation path: add a mix-blend-mode → mixBlendMode mapping in src/compiler/declarations.ts (RN 0.76+ supports the prop), then flip the vendored effects.test.tsx assertions from warnings to props: { mixBlendMode: ... }.
• The linked v4 PR Support mix-blend-mode [requires RN 0.76] nativewind#1111 targets removed react-native-css-interop paths and is not directly portable.

---

_{This is an automated triage. See auto-triage.yml.}