message: Update color variables used in Tooltip
diff: @@ -30,7 +30,7 @@ const TooltipBase = styled.span<SystemCommonProps & SxProp>`
  padding: 0.5em 0.75em;
  font: normal normal 11px/1.5 ${get('fonts.normal')};
  -webkit-font-smoothing: subpixel-antialiased;
  - color: ${get('colors.white')};
  + color: ${get('colors.tooltip.text')};
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  @@ -40,7 +40,7 @@ const TooltipBase = styled.span<SystemCommonProps & SxProp>`
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  - background: ${get('colors.black')};
  + background: ${get('colors.tooltip.bg')};
  border-radius: ${get('radii.1')};
  opacity: 0;
  }
  @@ -103,7 +103,7 @@ const TooltipBase = styled.span<SystemCommonProps & SxProp>`
  right: 50%;
  bottom: -7px;
  margin-right: -6px;
  - border-bottom-color: ${get('colors.black')};
  + border-bottom-color: ${get('colors.tooltip.bg')};
  }
  }
  @@ -134,7 +134,7 @@ const TooltipBase = styled.span<SystemCommonProps & SxProp>`
  right: 50%;
  bottom: auto;
  margin-right: -6px;
  - border-top-color: ${get('colors.black')};
  + border-top-color: ${get('colors.tooltip.bg')};
  }
  }
  @@ -170,7 +170,7 @@ const TooltipBase = styled.span<SystemCommonProps & SxProp>`
  bottom: 50%;
  left: -7px;
  margin-top: -6px;
  - border-left-color: ${get('colors.black')};
  + border-left-color: ${get('colors.tooltip.bg')};
  }
  }
  @@ -188,7 +188,7 @@ const TooltipBase = styled.span<SystemCommonProps & SxProp>`
  right: -7px;
  bottom: 50%;
  margin-top: -6px;
  - border-right-color: ${get('colors.black')};
  + border-right-color: ${get('colors.tooltip.bg')};
  }
  }
  