Smoother animation on active table of contents state change

packages/website/ts/components/docs/sidebar/table_of_contents.tsx

@@ -93,7 +93,8 @@ const ContentLink = styled(Link)<{ level: number }>`
         `
         line-height: 2;
         padding-left: 0.7rem;
-        transition: all 250ms ease-in-out;
+        border-left: 1px solid #efefef;
+        transition: all 150ms ease-in-out;
 
         &:hover,
         &.active {
@@ -111,6 +112,5 @@ const ContentLink = styled(Link)<{ level: number }>`
         level === 3 &&
         `
         font-size: 0.61rem;
-        margin-left: 0.7rem;
     `}
 `;

yarn.lock

@@ -2665,12 +2665,6 @@
   version "0.0.26"
   resolved "https://registry.npmjs.org/@types/numeral/-/numeral-0.0.26.tgz#cfab9842ef9349ce714b06722940ca7ebf8a6298"
 
-"@types/opn@^5.1.0":
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/@types/opn/-/opn-5.1.0.tgz#bff7bc371677f4bdbb37884400e03fd81f743927"
-  dependencies:
-    "@types/node" "*"
-
 "@types/pluralize@^0.0.29":
   version "0.0.29"
   resolved "https://registry.yarnpkg.com/@types/pluralize/-/pluralize-0.0.29.tgz#6ffa33ed1fc8813c469b859681d09707eb40d03c"
@@ -15085,7 +15079,7 @@ opn@^4.0.0:
     object-assign "^4.0.1"
     pinkie-promise "^2.0.0"
 
-opn@^5.1.0, opn@^5.3.0:
+opn@^5.1.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/opn/-/opn-5.3.0.tgz#64871565c863875f052cfdf53d3e3cb5adb53b1c"
   dependencies: