[FIX] website_sale: Allow users to change ribbon background_color

- Install `website_sale`
    - Go to /shop
    - Click on Editor and Edit a product
    - Add a new ribbon/badge
    - Changing text color works
    - Changing background color doesnt

Because `bg-primary` has an `!important` background_color

closes odoo/odoo#138712

X-original-commit: c6f4929f65b899736c556f8f0bb7824883a6d893
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>

addons/website_sale/static/src/js/website_sale.editor.js

@@ -374,8 +374,8 @@ options.registry.WebsiteSaleProductsItem = options.Class.extend({
         $ribbons.removeClass(htmlClasses);
 
         $ribbons.addClass(ribbon.html_class || '');
+        $ribbons.attr('style', `background-color: ${ribbon.bg_color || ''} !important`);
         $ribbons.css('color', ribbon.text_color || '');
-        $ribbons.css('background-color', ribbon.bg_color || '');
 
         if (!this.ribbons[ribbonId]) {
             $editableDocument.find(`[data-ribbon-id="${ribbonId}"]`).each((index, product) => delete product.dataset.ribbonId);