Problems with trix sanitization

I have a little problem using trix... I created a new feature to add a button for align-center, align-right and align-left. The problem I face is sanitization in the trix editor.

`import { Controller } from "@hotwired/stimulus";
import * as AlignmentElements from "../alignment_elements";

export default class TrixController extends Controller {
static targets = ['editor']

connect() {
this.initTrix()
}

initTrix () {
window.Trix = Trix; // Don't need to bind to the window, but useful for debugging.
Trix.config.toolbar.getDefaultHTML = toolbarDefaultHTML;

Trix.config.blockAttributes.alignLeft = {
tagName: 'align-left',
parse: false,
nestable: false,
exclusive: true,
};

Trix.config.blockAttributes.alignCenter = {
tagName: 'align-center',
parse: false,
nestable: false,
exclusive: true,
};

Trix.config.blockAttributes.alignRight = {
tagName: 'align-right',
parse: false,
nestable: false,
exclusive: true,
};

document.addEventListener('trix-initialize', updateToolbars, { once: true });

function updateToolbars(event) {
const toolbars = document.querySelectorAll('trix-toolbar');
const html = Trix.config.toolbar.getDefaultHTML();
toolbars.forEach((toolbar) => (toolbar.innerHTML = html));
}

/**
* This is the default Trix toolbar. Feel free to change / manipulate it how you would like.
* @see https://github.com/basecamp/trix/blob/main/src/trix/config/toolbar.coffee
*/
function toolbarDefaultHTML() {
const { lang } = Trix.config;
return `

`;
}
}

}`

Start by reproducing the sanitization behavior with the custom alignment elements from the issue and inspect the imported alignment_elements module alongside Trix's sanitization entry points. Determine which alignment markup is removed and define done as preserving the intended alignment output without weakening sanitization for other content.

Written by the indexing model from the issue text.