chore: Remove dead SVG Polygon/Polyline web points conversion and label examples as not supported on web

[MatiPl01]

Polygon and Polyline point animations don't run on web. react-native-svg renders them as native <polygon>/<polyline>, where CSS can't animate points (the points to d path() conversion only takes effect on <path>), so it never had any visible effect.

This PR:

• Removes the dead web code: the pointsToPathD processor and the Polygon/Polyline web configs, registering both via the shared common config (their appearance props still animate on web, like Line/Pattern/Text).
• Labels the Same Number of Points example sections iOS/Android only with a short note, matching the already-labeled Different Number of Points sections.

Docs counterpart: #9682

[Copilot]

Pull request overview

This PR removes web-specific SVG Polygon/Polyline points processing that had no visible effect on web (since react-native-svg renders them as native <polygon>/<polyline> and CSS can’t animate points), and updates examples to clearly indicate platform support.

Changes:

• Removed the pointsToPathD processor and the Polygon/Polyline web property configs, and stopped exporting them from the SVG web module.
• Updated SVG CSS support initialization to register Polygon/Polyline via the shared common config (appearance-only animation support on web).
• Updated web CSS manager/parser tests and labeled the “Same Number of Points” Polygon/Polyline examples as iOS/Android-only with an explanatory note.

Reviewed changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
packages/react-native-reanimated/src/css/web/managers/tests/CSSPseudoSelectorsManager.test.ts	Updates SVG pseudo-selector test to validate Path d wrapping via the SVG props builder.
packages/react-native-reanimated/src/css/web/managers/tests/CSSAnimationsManager.web.test.ts	Updates SVG animation manager test to use Path d wrapping instead of Polygon points conversion.
packages/react-native-reanimated/src/css/web/tests/animationParser.test.ts	Removes Polygon points→d keyframe test and associated builder registration.
packages/react-native-reanimated/src/css/svg/web/processors/polyPoints.ts	Deletes dead Polygon/Polyline points conversion helper.
packages/react-native-reanimated/src/css/svg/web/processors/index.ts	Stops exporting removed polyPoints processor.
packages/react-native-reanimated/src/css/svg/web/processors/tests/polyPoints.test.ts	Deletes tests for removed pointsToPathD.
packages/react-native-reanimated/src/css/svg/web/index.ts	Stops exporting removed Polygon/Polyline configs.
packages/react-native-reanimated/src/css/svg/web/configs/polyline.ts	Deletes Polyline web config that aliased points to d.
packages/react-native-reanimated/src/css/svg/web/configs/polygon.ts	Deletes Polygon web config that aliased points to d.
packages/react-native-reanimated/src/css/svg/init.web.ts	Registers Polygon/Polyline under the shared common config (appearance-only on web).
apps/common-app/src/apps/css/examples/animations/screens/animatedProperties/svg/Polyline.tsx	Adds web limitation note and iOS/Android labels for “Same Number of Points” section.
apps/common-app/src/apps/css/examples/animations/screens/animatedProperties/svg/Polygon.tsx	Adds web limitation note and iOS/Android labels for “Same Number of Points” section.

Comments suppressed due to low confidence (1)

packages/react-native-reanimated/src/css/web/tests/animationParser.test.ts:28

• If Path is renamed to a test-only component name (to avoid leaking into the global SVG props builder registry), the componentName passed into processKeyframeDefinitions should match the registration.

  test('pads a trailing Z so an open->closed path morph interpolates', () => {
    const result = processKeyframeDefinitions(
      { from: { d: 'M0,0 L10,10' }, to: { d: 'M0,0 L20,5 Z' } },
      'Path'
    );

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.