[BUG] motion.{svg element} line lengths too short in zoomed out Safari

[happycollision]

1. Read the FAQs 👇

✅

2. Describe the bug

When using Safari, path lengths are too short when the user zooms the browser out.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

This is a link pulled directly from the docs at https://www.framer.com/motion/component/###svg-line-drawing

https://codesandbox.io/p/sandbox/framer-motion-5-1-line-drawing-ph6ln?file=%2Fsrc%2FApp.js%3A11%2C20&from-embed=

4. Steps to reproduce

1. Go to the code sandbox above in Safari. (17.3.1 as of this writing)
2. Zoom the browser out one or more levels (⌘ -)
3. Observe the paths in the output are incomplete

Bonus step 4: Change the motion.line components to regular line components and see that the line lengths are correct.

5. Expected behavior

The output designs are smaller, but not cut off.

6. Video or screenshots

7. Environment details

Safari Version 17.3.1 (19617.2.4.11.12)
macOS 14.3.1 (23D60)