Phaser 3 - Text's shadow over stroke

Seems like Phaser 3's shadow effect is being rendered over the text's stroke. I don't know why is this hapenning.

by OneSillyLion

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.21.0/phaser.min.js"></script>

JavaScript

class MyScene extends Phaser.Scene {

    constructor (config)
    {
        super(config);
    }

    preload (){}

    create ()
    {
    			let textToWrite = 'Hello';
    
    			// Case 'setting all data as a style'
/*         let textRef = this.add.text(400, 300, textToWrite, {
          fill: '#FFFFFF',
          fontSize: "80pt",',
          fontFamily: "Arial",
          shadow:
          {
            "offsetX": 0, 
            "offsetY": 9, 
            "color": "#000000", 
            "blur": 0, 
            "stroke": true, 
            "fill": true
          },
          stroke: "#f28600",
          strokeThickness: 4,
        }) */
        
        // Case 'using methods'
/*         let textRef = this.add.text(400, 300, textToWrite).setOrigin(0.5);
        textRef.setFontSize(100);
        textRef.setColor('#FFFFFF');
        textRef.setShadow(0, 9, '#000000', 0, true, true);
        textRef.setStroke('#f28600', 4); */
        
        // Case "Maybe I have to set the stroke first"
        let textRef = this.add.text(400, 300, textToWrite).setOrigin(0.5);
        textRef.setFontFamily('"Arial"');
        textRef.setFontSize(100);
        textRef.setColor('#FFFFFF');
        textRef.setStroke('#f28600', 4);
        textRef.setShadow(0, 9, '#000000', 0, true, true);
        
        textRef.setOrigin(0.5);
        textRef.updateText();
    }

}

var config = {
    type: Phaser.CANVAS,
    width: 800,
    height: 600,
    backgroundColor: '#777777',
    parent: 'phaser-example',
    scene: MyScene
};

var game = new Phaser.Game(config);