feat(react-password-toggle-field): use get-deep-active-element to cross the shadow DOM boundary

Author: cpsoinos

packages/react/password-toggle-field/package.json

@@ -35,6 +35,7 @@
     "build": "radix-build"
   },
   "dependencies": {
+    "@radix-ui/deep-active-element": "workspace:*",
     "@radix-ui/primitive": "workspace:*",
     "@radix-ui/react-compose-refs": "workspace:*",
     "@radix-ui/react-context": "workspace:*",

packages/react/password-toggle-field/src/password-toggle-field.tsx

@@ -9,6 +9,7 @@ import { useIsHydrated } from '@radix-ui/react-use-is-hydrated';
 import { useEffectEvent } from '@radix-ui/react-use-effect-event';
 import type { Scope } from '@radix-ui/react-context';
 import { createContextScope } from '@radix-ui/react-context';
+import { getDeepActiveElement } from '@radix-ui/deep-active-element'
 
 const PASSWORD_TOGGLE_FIELD_NAME = 'PasswordToggleField';
 
@@ -334,7 +335,7 @@ const PasswordToggleFieldToggle = React.forwardRef<
                 requestAnimationFrame(() => {
                   // make sure the input still has focus (developer may have
                   // programatically moved focus elsewhere)
-                  if (input.ownerDocument.activeElement === input) {
+                  if (getDeepActiveElement() === input) {
                     input.selectionStart = selectionStart;
                     input.selectionEnd = selectionEnd;
                   }