fix: removed deprecated tokens from underlay/overlay

Author: GarthDB

components/overlay/index.css

@@ -11,7 +11,7 @@ governing permissions and limitations under the License.
 */
 
 :root {
-  --spectrum-overlay-animation-distance: var(--spectrum-dropdown-flyout-menu-offset-y);
+  --spectrum-overlay-animation-distance: var(--spectrum-picker-flyout-menu-offset-y);
 }
 
 %spectrum-overlay {

components/underlay/index.css

@@ -15,9 +15,9 @@ governing permissions and limitations under the License.
 
 :root {
   /* Bug: this must be 0ms, not 0 */
-  --spectrum-dialog-background-entry-animation-delay: 0ms;
-  --spectrum-dialog-background-exit-animation-ease: cubic-bezier(0.5, 0, 1, 1); /* wrong in DNA */
-  --spectrum-dialog-background-entry-animation-ease: cubic-bezier(0, 0, 0.40, 1); /* wrong in DNA */
+  --spectrum-dialog-confirm-background-entry-animation-delay: 0ms;
+  --spectrum-dialog-confirm-background-exit-animation-ease: cubic-bezier(0.5, 0, 1, 1); /* wrong in DNA */
+  --spectrum-dialog-confirm-background-entry-animation-ease: cubic-bezier(0, 0, 0.40, 1); /* wrong in DNA */
 }
 
 .spectrum-Underlay {
@@ -35,13 +35,13 @@ governing permissions and limitations under the License.
   overflow: hidden;
 
   /* Exit animations */
-  transition: opacity var(--spectrum-dialog-background-exit-animation-duration) var(--spectrum-dialog-background-exit-animation-ease) var(--spectrum-dialog-background-exit-animation-delay),
-              visibility 0ms linear calc(var(--spectrum-dialog-background-exit-animation-delay) + var(--spectrum-dialog-background-exit-animation-duration));
+  transition: opacity var(--spectrum-dialog-confirm-background-exit-animation-duration) var(--spectrum-dialog-confirm-background-exit-animation-ease) var(--spectrum-dialog-confirm-background-exit-animation-delay),
+              visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay) + var(--spectrum-dialog-confirm-background-exit-animation-duration));
 }
 
 .spectrum-Underlay.is-open {
   @inherit: %spectrum-overlay--open;
 
   /* Entry animations */
-  transition: opacity var(--spectrum-dialog-background-entry-animation-duration) var(--spectrum-dialog-background-entry-animation-ease) var(--spectrum-dialog-background-entry-animation-delay);
+  transition: opacity var(--spectrum-dialog-confirm-background-entry-animation-duration) var(--spectrum-dialog-confirm-background-entry-animation-ease) var(--spectrum-dialog-confirm-background-entry-animation-delay);
 }

components/underlay/skin.css

@@ -11,5 +11,5 @@ governing permissions and limitations under the License.
 */
 
 .spectrum-Underlay {
-  background: var(--spectrum-dialog-underlay-background-color);
+  background: var(--spectrum-dialog-confirm-overlay-background-color);
 }