Drawer component transitionDuration prop is not working

[ghost]

Environment

• Package version: 3.49.1

• Operating System: Mac OS catalina

• Browser name and version: electron (google chrome)
  This is my component:

        <Drawer
            onClose={() => setIsDrawerOpen(false)}
            title={"Some title" }
            size={DrawerSize.LARGE}
            isOpen={isOpen}// a state that changes after pressing a button
            shouldReturnFocusOnClose={true}
            position={Position.RIGHT}
            transitionDuration={10000}//NOTHING CHANGES!!!!!!!!!
            style={style}
        >
  

Steps to reproduce

Create a drawer with transitionDuration={10000} and see nothing changes with the duration of the transition

Actual behavior

nothing changes with the duration of the transition of the drawer

Expected behavior

Drawer transition duration to open and close in 10 seconds

[adidahiya]

In order to customize transition duration (generally not recommended, as it's part of the design system), you need to also override styles which define the CSS transition. We use a custom mixin for this; you'll have to find the relevant class name and add custom styles on top of it:

blueprint/packages/core/src/components/drawer/_drawer.scss

Line 30 in 88a158b

@include react-transition-phase(