How attached properties are generated in QML should respect the existing code

Let's say there's a code like this in QML:

// Some.qml
Text {
    text: "hello"
    font {
        pixelSize: 12
    }
}

Then the user edits the font family in Property View and the result of code generation currently goes like this:

// Some.qml
Text {
    text: "hello"
    font {
        pixelSize: 12
    }
    font.family: "Noto Sans"
} 

Ideally, it should go like this:

// Some.qml 
Text { 
    text: "hello" 
    font { 
        pixelSize: 12 
        family: "Noto Sans"  
    }
}  

The reason why this is important are:

1. The code gets messy with the current way
2. The reason why one wants to use anchors { centerIn: parent } or font { family: "Noto Sans" } rather than anchors.centerIn: parent and font.family: "Noto Sans" is because one can place a set of similar kinds of code in one place instead of speading font. whatever all over the place. The current way QDS generates code breaks this.