Dialog dismissableMask didn't work if hide the close icon

[Shadorius]

I'm submitting this issue:
Dialog dismissableMask need "clausable" to true, else it didn't work!
Dialog will not be hide if you set to false "clausable", but doc didn't talk about it. The documentation says:
"clausable":"Adds a close icon to the header to hide the dialog."

I think it should hide the dialog when "dismissableMask" is true and user click out of the dialog with any value of "clausable".

[X] bug report
[ ] feature request
[ ] support request

Codesandbox Case (Bug Reports)

https://codesandbox.io/s/dialog-with-form-forked-k9ftr?fontsize=14&hidenavigation=1&theme=dark

Current behavior
The dialog will not be hide when user click out of the dialog.

Expected behavior
The dialog must be hide when user click out of the dialog.

Minimal reproduction of the problem with instructions
Switch value of "clausable" to see difference.

<Dialog
   onHide={() => {
        this.setState({ DialogOpen: false });
     }}
   header="Testing dialog"
   visible={this.state.DialogOpen}
   closable={false}
   dismissableMask={true}
   footer={footer}
  >
</Dialog>

• React version:
  17.0.1

• PrimeReact version:
  5.0.1

• Browser:
  Firefox, Chrome, Edge, Opera (maybe all)