Compress css inline data:svg broken data.

[suxilog]

I compress bootstrap.css,
Below is original css:

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

this is compressed css:

.custom-control-label::after{
	background-image:url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0044'%3e%3cpathstroke='%23fff'd='M02h4'/%3e%3c/svg%3e")}

All blank space beed removed.

I have set variant to datauri

Below is my code, anyone could help me?

PIPELINE = {
    # 'SHOW_ERRORS_INLINE': True,
    # 'CSS_COMPRESSOR': 'pipeline.compressors.yuglify.YuglifyCompressor',
    # 'JS_COMPRESSOR': 'pipeline.compressors.yuglify.YuglifyCompressor',
    'STYLESHEETS': {
        'bs4_css': {
            'source_filenames': (
                'css/bootstrap.min.css',
                'css/mdb.css',
            ),
            'output_filename': 'css/bs4.css',
            'variant': 'datauri',
            
        },
        'addon_css': {
            'source_filenames': {
                'wagtailfontawesome/css/fontawesome.css',
                'css/addons/flag.min.css',
                'css/addons/flickity.min.css',
                'css/addons//PhotoSwipe/photoswipe.css',
                'css/addons/PhotoSwipe/default-skin/default-skin.css',
            },
            'output_filename': 'css/addon.css',
            'variant': 'datauri',
        }
    },
    'YUGLIFY_BINARY': '/usr/bin/env yuglify',