build: update typescript

package.json

@@ -112,7 +112,7 @@
     "style-loader": "^2.0.0",
     "svgo": "^3.0.2",
     "ts-jest": "^27.0.4",
-    "typescript": "^4.0.3"
+    "typescript": "^5.4.5"
   },
   "dependencies": {
     "@babel/node": "^7.5.5",

src/css/components/Popup.scss

@@ -142,7 +142,7 @@ $Popup-arrow-borderRadius: 3px;
 // * Aligns popover so that it "hangs" off the left side of the toggle
 
 .Popup-container--leftHang {
-  transform: translateX(-($su-large + $su-small + ($Popup-arrow-size / 2)));
+  transform: translateX(-($su-large + $su-small + calc($Popup-arrow-size / 2)));
 
   &::before,
   &::after {
@@ -156,7 +156,7 @@ $Popup-arrow-borderRadius: 3px;
 // * Aligns popover with right side of toggle
 
 .Popup-container--right {
-  transform: translateX(calc(-100% + ($Popup-arrow-size + 2px)));
+  transform: translateX(calc(-100% + calc($Popup-arrow-size / 2)));
 
   &::before,
   &::after {

yarn.lock

@@ -4307,7 +4307,7 @@ __metadata:
     style-loader: ^2.0.0
     svgo: ^3.0.2
     ts-jest: ^27.0.4
-    typescript: ^4.0.3
+    typescript: ^5.4.5
   peerDependencies:
     prettier: ^2.3.2
     react: ^17.0.1