swc_css_prefixer 0.146.2

#![allow(clippy::match_like_matches_macro)]

use core::f64::consts::PI;
use std::mem::take;

use once_cell::sync::Lazy;
use preset_env_base::{query::targets_to_versions, version::Version, BrowserData, Versions};
use swc_atoms::{js_word, JsWord};
use swc_common::{collections::AHashMap, EqIgnoreSpan, DUMMY_SP};
use swc_css_ast::*;
use swc_css_utils::{
    replace_function_name, replace_ident, replace_pseudo_class_selector_name,
    replace_pseudo_class_selector_on_pseudo_element_selector, replace_pseudo_element_selector_name,
};
use swc_css_visit::{VisitMut, VisitMutWith};

use crate::options::Options;

static PREFIXES_AND_BROWSERS: Lazy<AHashMap<String, [BrowserData<Option<Version>>; 2]>> =
    Lazy::new(|| {
        let map: AHashMap<String, [BrowserData<Option<Version>>; 2]> =
            serde_json::from_str(include_str!("../data/prefixes_and_browsers.json"))
                .expect("failed to parse json");

        map.into_iter()
            .map(|(property, versions)| {
                (
                    property,
                    [
                        versions[0].map_value(|version| version),
                        versions[1].map_value(|version| version),
                    ],
                )
            })
            .collect()
    });

macro_rules! zip {
    ($x: expr) => ($x);
    ($x: expr, $($y: expr), +) => ($x.iter().zip(zip!($($y), +)))
}

fn should_enable(
    target: Versions,
    low_versions: Versions,
    high_versions: Versions,
    default: bool,
) -> bool {
    if zip!(target, low_versions, high_versions).all(|((_, target_version), ((_, l), (_, h)))| {
        target_version.is_none() && l.is_none() && h.is_none()
    }) {
        return default;
    }

    zip!(target, low_versions, high_versions).any(
        |(
            (target_name, maybe_target_version),
            ((_, maybe_low_version), (_, maybe_high_version)),
        )| {
            maybe_target_version.map_or(false, |target_version| {
                let low_or_fallback_version = maybe_low_version.or_else(|| match target_name {
                    // Fall back to Chrome versions if Android browser data
                    // is missing from the feature data. It appears the
                    // Android browser has aligned its versioning with Chrome.
                    "android" => low_versions.chrome,
                    _ => None,
                });

                if let Some(low_or_fallback_version) = low_or_fallback_version {
                    if target_version >= low_or_fallback_version {
                        let high_or_fallback_version = maybe_high_version.or(match target_name {
                            // Fall back to Chrome versions if Android browser data
                            // is missing from the feature data. It appears the
                            // Android browser has aligned its versioning with Chrome.
                            "android" => high_versions.chrome,
                            _ => None,
                        });

                        if let Some(high_or_fallback_version) = high_or_fallback_version {
                            target_version <= high_or_fallback_version
                        } else {
                            true
                        }
                    } else {
                        false
                    }
                } else {
                    false
                }
            })
        },
    )
}

pub fn should_prefix(property: &str, target: Versions, default: bool) -> bool {
    if target.is_any_target() {
        return true;
    }

    let versions = PREFIXES_AND_BROWSERS.get(property);

    if let Some(versions) = versions {
        return should_enable(target, versions[0], versions[1], false);
    }

    default
}

pub fn prefixer(options: Options) -> impl VisitMut {
    let env: Versions = targets_to_versions(options.env).expect("failed to parse targets");

    Prefixer {
        env,
        ..Default::default()
    }
}

struct CrossFadeFunctionReplacerOnLegacyVariant<'a> {
    from: &'a str,
    to: &'a str,
}

impl VisitMut for CrossFadeFunctionReplacerOnLegacyVariant<'_> {
    fn visit_mut_function(&mut self, n: &mut Function) {
        n.visit_mut_children_with(self);

        if n.name == *self.from {
            let mut transparency_values = vec![];

            for group in n.value.split_mut(|n| {
                matches!(
                    n,
                    ComponentValue::Delimiter(delimiter) if matches!(&**delimiter, Delimiter {
                        value: DelimiterValue::Comma,
                        ..
                    })
                )
            }) {
                if transparency_values.len() >= 2 {
                    return;
                }

                let mut transparency_value = None;

                for n in group {
                    match n {
                        ComponentValue::Percentage(percentage) => {
                            if transparency_value.is_some() {
                                return;
                            }

                            transparency_value = Some(percentage.value.value / 100.0);
                        }
                        ComponentValue::Number(number) => {
                            if transparency_value.is_some() {
                                return;
                            }

                            transparency_value = Some(number.value);
                        }
                        ComponentValue::Integer(integer) => {
                            if transparency_value.is_some() {
                                return;
                            }

                            transparency_value = Some((integer.value) as f64);
                        }
                        _ => {}
                    }
                }

                transparency_values.push(transparency_value);
            }

            if transparency_values.len() != 2 {
                return;
            }

            let transparency_value = match (transparency_values[0], transparency_values[1]) {
                (None, None) => 0.5,
                (Some(number), None) => number,
                (None, Some(number)) => 1.0 - number,
                (Some(first), Some(second)) if first + second == 1.0 => first,
                _ => {
                    return;
                }
            };

            let mut new_value: Vec<ComponentValue> = n
                .value
                .iter()
                .filter(|n| {
                    !matches!(
                        n,
                        ComponentValue::Percentage(_)
                            | ComponentValue::Number(_)
                            | ComponentValue::Integer(_)
                    )
                })
                .cloned()
                .collect();

            new_value.extend(vec![
                ComponentValue::Delimiter(Box::new(Delimiter {
                    span: DUMMY_SP,
                    value: DelimiterValue::Comma,
                })),
                ComponentValue::Number(Box::new(Number {
                    span: DUMMY_SP,
                    value: transparency_value,
                    raw: None,
                })),
            ]);

            n.value = new_value;

            match &mut n.name {
                FunctionName::Ident(name) => {
                    name.value = self.to.into();
                    name.raw = None;
                }
                FunctionName::DashedIdent(name) => {
                    name.value = self.to.into();
                    name.raw = None;
                }
            }
        }
    }
}

fn replace_cross_fade_function_on_legacy_variant<N>(node: &mut N, from: &str, to: &str)
where
    N: for<'aa> VisitMutWith<CrossFadeFunctionReplacerOnLegacyVariant<'aa>>,
{
    node.visit_mut_with(&mut CrossFadeFunctionReplacerOnLegacyVariant { from, to });
}

struct ImageSetFunctionReplacerOnLegacyVariant<'a> {
    from: &'a str,
    to: &'a str,
    in_function: bool,
}

impl VisitMut for ImageSetFunctionReplacerOnLegacyVariant<'_> {
    fn visit_mut_component_value(&mut self, n: &mut ComponentValue) {
        n.visit_mut_children_with(self);

        if !self.in_function {
            return;
        }

        if let ComponentValue::Str(node) = n {
            *n = ComponentValue::Url(Box::new(Url {
                span: node.span,
                name: Ident {
                    span: DUMMY_SP,
                    value: js_word!("url"),
                    raw: None,
                },
                value: Some(Box::new(UrlValue::Str(Str {
                    span: DUMMY_SP,
                    value: node.value.as_ref().into(),
                    raw: None,
                }))),
                modifiers: Some(vec![]),
            }))
        }
    }

    fn visit_mut_function(&mut self, n: &mut Function) {
        let old_in_function = self.in_function;

        self.in_function = n.name == *self.from;

        n.visit_mut_children_with(self);

        if n.name == *self.from {
            match &mut n.name {
                FunctionName::Ident(name) => {
                    name.value = self.to.into();
                    name.raw = None;
                }
                FunctionName::DashedIdent(name) => {
                    name.value = self.to.into();
                    name.raw = None;
                }
            }
        }

        self.in_function = old_in_function;
    }
}

fn replace_image_set_function_on_legacy_variant<N>(node: &mut N, from: &str, to: &str)
where
    N: for<'aa> VisitMutWith<ImageSetFunctionReplacerOnLegacyVariant<'aa>>,
{
    node.visit_mut_with(&mut ImageSetFunctionReplacerOnLegacyVariant {
        from,
        to,
        in_function: false,
    });
}

struct LinearGradientFunctionReplacerOnLegacyVariant<'a> {
    from: &'a str,
    to: &'a str,
}

// TODO ` -webkit-mask-image` need duplicate with original property for better
// TODO improve for very old browsers https://github.com/postcss/autoprefixer/blob/main/lib/hacks/gradient.js#L233
impl VisitMut for LinearGradientFunctionReplacerOnLegacyVariant<'_> {
    fn visit_mut_function(&mut self, n: &mut Function) {
        n.visit_mut_children_with(self);

        if n.name == *self.from {
            match &mut n.name {
                FunctionName::Ident(name) => {
                    name.value = self.to.into();
                    name.raw = None;
                }
                FunctionName::DashedIdent(name) => {
                    name.value = self.to.into();
                    name.raw = None;
                }
            }

            let first = n.value.get(0);

            match first {
                Some(ComponentValue::Ident(ident))
                    if ident.value.as_ref().eq_ignore_ascii_case("to") =>
                {
                    fn get_old_direction(direction: &str) -> Option<&str> {
                        match direction {
                            "top" => Some("bottom"),
                            "left" => Some("right"),
                            "bottom" => Some("top"),
                            "right" => Some("left"),
                            _ => None,
                        }
                    }

                    match (n.value.get(1), n.value.get(2)) {
                        (
                            Some(ComponentValue::Ident(box Ident {
                                value: first_value,
                                span: first_span,
                                ..
                            })),
                            Some(ComponentValue::Ident(box Ident {
                                value: second_value,
                                span: second_span,
                                ..
                            })),
                        ) => {
                            if let (Some(new_first_direction), Some(new_second_direction)) = (
                                get_old_direction(first_value),
                                get_old_direction(second_value),
                            ) {
                                let new_value = vec![
                                    ComponentValue::Ident(Box::new(Ident {
                                        span: *first_span,
                                        value: new_first_direction.into(),
                                        raw: None,
                                    })),
                                    ComponentValue::Ident(Box::new(Ident {
                                        span: *second_span,
                                        value: new_second_direction.into(),
                                        raw: None,
                                    })),
                                ];

                                n.value.splice(0..3, new_value);
                            }
                        }
                        (Some(ComponentValue::Ident(box Ident { value, span, .. })), Some(_)) => {
                            if let Some(new_direction) = get_old_direction(value) {
                                let new_value = vec![ComponentValue::Ident(Box::new(Ident {
                                    span: *span,
                                    value: new_direction.into(),
                                    raw: None,
                                }))];

                                n.value.splice(0..2, new_value);
                            }
                        }
                        _ => {}
                    }
                }
                Some(ComponentValue::Dimension(box Dimension::Angle(Angle {
                    value,
                    unit,
                    span,
                    ..
                }))) => {
                    let angle = match &*unit.value {
                        "deg" => (value.value % 360.0 + 360.0) % 360.0,
                        "grad" => value.value * 180.0 / 200.0,
                        "rad" => value.value * 180.0 / PI,
                        "turn" => value.value * 360.0,
                        _ => {
                            return;
                        }
                    };

                    if angle == 0.0 {
                        n.value[0] = ComponentValue::Ident(Box::new(Ident {
                            span: *span,
                            value: js_word!("bottom"),
                            raw: None,
                        }));
                    } else if angle == 90.0 {
                        n.value[0] = ComponentValue::Ident(Box::new(Ident {
                            span: *span,
                            value: js_word!("left"),
                            raw: None,
                        }));
                    } else if angle == 180.0 {
                        n.value[0] = ComponentValue::Ident(Box::new(Ident {
                            span: *span,
                            value: js_word!("top"),
                            raw: None,
                        }));
                    } else if angle == 270.0 {
                        n.value[0] = ComponentValue::Ident(Box::new(Ident {
                            span: *span,
                            value: js_word!("right"),
                            raw: None,
                        }));
                    } else {
                        let new_value = ((450.0 - angle).abs() % 360.0 * 1000.0).round() / 1000.0;

                        n.value[0] = ComponentValue::Dimension(Box::new(Dimension::Angle(Angle {
                            span: *span,
                            value: Number {
                                span: value.span,
                                value: new_value,
                                raw: None,
                            },
                            unit: Ident {
                                span: unit.span,
                                value: js_word!("deg"),
                                raw: None,
                            },
                        })));
                    }
                }
                Some(_) | None => {}
            }

            if matches!(self.from, "radial-gradient" | "repeating-radial-gradient") {
                let at_index = n.value.iter().position(|n| matches!(n, ComponentValue::Ident(box Ident { value, .. }) if value.as_ref().eq_ignore_ascii_case("at")));
                let first_comma_index = n.value.iter().position(|n| {
                    matches!(
                        n,
                        ComponentValue::Delimiter(delimiter) if matches!(&**delimiter, Delimiter {
                            value: DelimiterValue::Comma,
                            ..
                        })
                    )
                });

                if let (Some(at_index), Some(first_comma_index)) = (at_index, first_comma_index) {
                    let mut new_value = vec![];

                    new_value.append(&mut n.value[at_index + 1..first_comma_index].to_vec());
                    new_value.append(&mut vec![ComponentValue::Delimiter(Box::new(Delimiter {
                        span: DUMMY_SP,
                        value: DelimiterValue::Comma,
                    }))]);
                    new_value.append(&mut n.value[0..at_index].to_vec());

                    n.value.splice(0..first_comma_index, new_value);
                }
            }
        }
    }
}

fn replace_gradient_function_on_legacy_variant<N>(node: &mut N, from: &str, to: &str)
where
    N: for<'aa> VisitMutWith<LinearGradientFunctionReplacerOnLegacyVariant<'aa>>,
{
    node.visit_mut_with(&mut LinearGradientFunctionReplacerOnLegacyVariant { from, to });
}

struct MediaFeatureResolutionReplacerOnLegacyVariant<'a> {
    from: &'a str,
    to: &'a str,
}

impl VisitMut for MediaFeatureResolutionReplacerOnLegacyVariant<'_> {
    fn visit_mut_media_feature_plain(&mut self, n: &mut MediaFeaturePlain) {
        n.visit_mut_children_with(self);

        if let MediaFeatureValue::Dimension(Dimension::Resolution(Resolution {
            value: resolution_value,
            unit: resolution_unit,
            ..
        })) = &*n.value
        {
            let MediaFeatureName::Ident(Ident {
                value: feature_name_value,
                span: feature_name_span,
                ..
            }) = &n.name else {
                return;
            };

            if feature_name_value == self.from {
                n.name = MediaFeatureName::Ident(Ident {
                    span: *feature_name_span,
                    value: self.to.into(),
                    raw: None,
                });

                let left = match resolution_unit.value {
                    js_word!("dpi") => (resolution_value.value / 96.0 * 100.0).round() / 100.0,
                    js_word!("dpcm") => {
                        (((resolution_value.value * 2.54) / 96.0) * 100.0).round() / 100.0
                    }
                    _ => resolution_value.value,
                };

                n.value = Box::new(MediaFeatureValue::Number(Number {
                    span: resolution_value.span,
                    value: left,
                    raw: None,
                }));
            }
        }
    }
}

fn replace_media_feature_resolution_on_legacy_variant<N>(node: &mut N, from: &str, to: &str)
where
    N: for<'aa> VisitMutWith<MediaFeatureResolutionReplacerOnLegacyVariant<'aa>>,
{
    node.visit_mut_with(&mut MediaFeatureResolutionReplacerOnLegacyVariant { from, to });
}

struct CalcReplacer<'a> {
    inside_calc: bool,
    to: Option<&'a JsWord>,
}

impl VisitMut for CalcReplacer<'_> {
    fn visit_mut_function(&mut self, n: &mut Function) {
        let old_inside_calc = self.inside_calc;

        let is_webkit_calc = n.name == js_word!("-webkit-calc");
        let is_moz_calc = n.name == js_word!("-moz-calc");

        if self.to.is_none() && (is_webkit_calc || is_moz_calc) {
            return;
        }

        if (is_webkit_calc && self.to == Some(&js_word!("-moz-calc")))
            || (is_moz_calc && self.to == Some(&js_word!("-webkit-calc")))
        {
            return;
        }

        let is_calc = n.name == js_word!("calc");

        self.inside_calc = is_calc || is_webkit_calc || is_moz_calc;

        n.visit_mut_children_with(self);

        if is_calc {
            if let Some(to) = self.to {
                match &mut n.name {
                    FunctionName::Ident(name) => {
                        name.value = to.into();
                        name.raw = None;
                    }
                    FunctionName::DashedIdent(name) => {
                        name.value = to.into();
                        name.raw = None;
                    }
                }
            }
        }

        self.inside_calc = old_inside_calc;
    }

    fn visit_mut_calc_value(&mut self, n: &mut CalcValue) {
        n.visit_mut_children_with(self);

        if !self.inside_calc {
            return;
        }

        if let CalcValue::Function(function) = n {
            if matches_eq!(
                function.name,
                js_word!("calc"),
                js_word!("-webkit-calc"),
                js_word!("-moz-calc")
            ) {
                let calc_sum = match function.value.get(0) {
                    Some(ComponentValue::CalcSum(calc_sum)) => *calc_sum.clone(),
                    _ => return,
                };

                *n = CalcValue::Sum(CalcSum {
                    span: function.span,
                    expressions: calc_sum.expressions,
                });
            }
        }
    }
}

fn replace_calc<N>(node: &mut N, to: Option<&JsWord>)
where
    N: for<'aa> VisitMutWith<CalcReplacer<'aa>>,
{
    node.visit_mut_with(&mut CalcReplacer {
        inside_calc: false,
        to,
    });
}

struct FontFaceFormatOldSyntax {}

impl VisitMut for FontFaceFormatOldSyntax {
    fn visit_mut_function(&mut self, n: &mut Function) {
        n.visit_mut_children_with(self);

        if !(n.name == js_word!("format")) {
            return;
        }

        if n.value.len() != 1 {
            return;
        }

        if let Some(ComponentValue::Ident(box ident)) = n.value.get(0) {
            let new_value: JsWord = ident.value.to_ascii_lowercase();
            let new_value = match new_value {
                js_word!("woff")
                | js_word!("truetype")
                | js_word!("opentype")
                | js_word!("woff2")
                | js_word!("embedded-opentype")
                | js_word!("collection")
                | js_word!("svg") => new_value,
                _ => {
                    return;
                }
            };

            let new_value = Str {
                value: new_value,
                span: ident.span,
                raw: None,
            };

            n.value = vec![ComponentValue::Str(Box::new(new_value))];
        }
    }
}

fn font_face_format_old_syntax<N>(node: &mut N)
where
    N: VisitMutWith<FontFaceFormatOldSyntax>,
{
    node.visit_mut_with(&mut FontFaceFormatOldSyntax {});
}

struct ClampReplacer {}

impl VisitMut for ClampReplacer {
    fn visit_mut_function(&mut self, n: &mut Function) {
        n.visit_mut_children_with(self);

        if n.name != js_word!("clamp") {
            return;
        }

        let min_function = if let (
            Some(middle @ ComponentValue::CalcSum(_)),
            Some(comma),
            Some(right @ ComponentValue::CalcSum(_)),
        ) = (n.value.get(2), n.value.get(3), n.value.get(4))
        {
            Function {
                span: n.span,
                name: FunctionName::Ident(Ident {
                    span: n.span,
                    value: js_word!("min"),
                    raw: None,
                }),
                value: vec![middle.clone(), comma.clone(), right.clone()],
            }
        } else {
            return;
        };

        if let (Some(left), Some(comma)) = (n.value.get(0), n.value.get(1)) {
            *n = Function {
                span: n.span,
                name: FunctionName::Ident(Ident {
                    span: n.span,
                    value: js_word!("max"),
                    raw: None,
                }),
                value: vec![
                    left.clone(),
                    comma.clone(),
                    ComponentValue::CalcSum(Box::new(CalcSum {
                        span: DUMMY_SP,
                        expressions: vec![CalcProductOrOperator::Product(CalcProduct {
                            span: DUMMY_SP,
                            expressions: vec![CalcValueOrOperator::Value(CalcValue::Function(
                                min_function,
                            ))],
                        })],
                    })),
                ],
            };
        }
    }
}

fn replace_clamp<N>(node: &mut N)
where
    N: VisitMutWith<ClampReplacer>,
{
    node.visit_mut_with(&mut ClampReplacer {});
}

macro_rules! to_ident {
    ($val:expr) => {{
        ComponentValue::Ident(Box::new(Ident {
            span: DUMMY_SP,
            value: $val.into(),
            raw: None,
        }))
    }};
}

macro_rules! to_integer {
    ($val:expr) => {{
        ComponentValue::Integer(Box::new(Integer {
            span: DUMMY_SP,
            value: $val,
            raw: None,
        }))
    }};
}

macro_rules! to_number {
    ($val:expr) => {{
        ComponentValue::Number(Box::new(Number {
            span: DUMMY_SP,
            value: $val,
            raw: None,
        }))
    }};
}

#[derive(Debug, PartialEq, Eq, Clone, Copy)]
pub enum Prefix {
    Webkit,
    Moz,
    O,
    Ms,
}

#[derive(Default)]
struct Prefixer {
    env: Versions,
    in_keyframe_block: bool,
    supports_condition: Option<SupportsCondition>,
    simple_block: Option<SimpleBlock>,
    rule_prefix: Option<Prefix>,
    added_top_rules: Vec<(Prefix, Rule)>,
    added_at_rules: Vec<(Prefix, Box<AtRule>)>,
    added_qualified_rules: Vec<(Prefix, Box<QualifiedRule>)>,
    added_declarations: Vec<Box<Declaration>>,
}

impl Prefixer {
    fn add_at_rule(&mut self, prefix: Prefix, at_rule: &AtRule) {
        if self.simple_block.is_none() {
            self.added_top_rules
                .push((prefix, Rule::AtRule(Box::new(at_rule.clone()))));
        } else {
            self.added_at_rules
                .push((prefix, Box::new(at_rule.clone())));
        }
    }

    fn is_duplicate(&self, name: &JsWord) -> bool {
        if let Some(simple_block) = &self.simple_block {
            for n in simple_block.value.iter() {
                if let ComponentValue::Declaration(box declaration) = n {
                    if declaration.name == *name {
                        return true;
                    }
                }
            }
        }

        false
    }
}

impl VisitMut for Prefixer {
    fn visit_mut_stylesheet(&mut self, stylesheet: &mut Stylesheet) {
        let mut new_rules = Vec::with_capacity(stylesheet.rules.len());

        for mut rule in take(&mut stylesheet.rules) {
            rule.visit_mut_children_with(self);

            for mut added_rule in take(&mut self.added_top_rules) {
                let need_skip = new_rules
                    .iter()
                    .any(|existing_rule| added_rule.1.eq_ignore_span(existing_rule));

                if need_skip {
                    continue;
                }

                let old_rule_prefix = self.rule_prefix.take();

                self.rule_prefix = Some(added_rule.0);

                added_rule.1.visit_mut_children_with(self);

                new_rules.push(added_rule.1);

                self.rule_prefix = old_rule_prefix;
            }

            new_rules.push(rule);
        }

        stylesheet.rules = new_rules;
    }

    // TODO `selector()` supports
    fn visit_mut_at_rule(&mut self, at_rule: &mut AtRule) {
        let original_simple_block = at_rule.block.clone();

        at_rule.visit_mut_children_with(self);

        match &at_rule.name {
            AtRuleName::Ident(Ident { span, value, .. }) if value == "viewport" => {
                if should_prefix("@-o-viewport", self.env, false) {
                    self.add_at_rule(
                        Prefix::Ms,
                        &AtRule {
                            span: at_rule.span,
                            name: AtRuleName::Ident(Ident {
                                span: *span,
                                value: js_word!("-ms-viewport"),
                                raw: None,
                            }),
                            prelude: at_rule.prelude.clone(),
                            block: original_simple_block.clone(),
                        },
                    );
                }

                if should_prefix("@-ms-viewport", self.env, false) {
                    self.add_at_rule(
                        Prefix::O,
                        &AtRule {
                            span: at_rule.span,
                            name: AtRuleName::Ident(Ident {
                                span: *span,
                                value: js_word!("-o-viewport"),
                                raw: None,
                            }),
                            prelude: at_rule.prelude.clone(),
                            block: original_simple_block,
                        },
                    );
                }
            }
            AtRuleName::Ident(Ident { span, value, .. }) if value == "keyframes" => {
                if should_prefix("@-webkit-keyframes", self.env, false) {
                    self.add_at_rule(
                        Prefix::Webkit,
                        &AtRule {
                            span: at_rule.span,
                            name: AtRuleName::Ident(Ident {
                                span: *span,
                                value: js_word!("-webkit-keyframes"),
                                raw: None,
                            }),
                            prelude: at_rule.prelude.clone(),
                            block: original_simple_block.clone(),
                        },
                    );
                }

                if should_prefix("@-moz-keyframes", self.env, false) {
                    self.add_at_rule(
                        Prefix::Moz,
                        &AtRule {
                            span: at_rule.span,
                            name: AtRuleName::Ident(Ident {
                                span: *span,
                                value: js_word!("-moz-keyframes"),
                                raw: None,
                            }),
                            prelude: at_rule.prelude.clone(),
                            block: original_simple_block.clone(),
                        },
                    );
                }

                if should_prefix("@-o-keyframes", self.env, false) {
                    self.add_at_rule(
                        Prefix::O,
                        &AtRule {
                            span: at_rule.span,
                            name: AtRuleName::Ident(Ident {
                                span: DUMMY_SP,
                                value: js_word!("-o-keyframes"),
                                raw: None,
                            }),
                            prelude: at_rule.prelude.clone(),
                            block: original_simple_block,
                        },
                    );
                }
            }
            _ => {}
        }
    }

    fn visit_mut_import_conditions(&mut self, import_conditions: &mut ImportConditions) {
        import_conditions.visit_mut_children_with(self);

        // ComponentValue::Declaration(declaration)
        if !self.added_declarations.is_empty() {
            if let Some(supports) = import_conditions.supports.take() {
                let mut conditions = Vec::with_capacity(1 + self.added_declarations.len());

                if let Some(ComponentValue::Declaration(declaration)) = supports.value.get(0) {
                    conditions.push(SupportsConditionType::SupportsInParens(
                        SupportsInParens::Feature(SupportsFeature::Declaration(
                            declaration.clone(),
                        )),
                    ));
                }

                for n in take(&mut self.added_declarations) {
                    let supports_condition_type = SupportsConditionType::Or(SupportsOr {
                        span: DUMMY_SP,
                        keyword: None,
                        condition: Box::new(SupportsInParens::Feature(
                            SupportsFeature::Declaration(n),
                        )),
                    });

                    conditions.push(supports_condition_type);
                }

                import_conditions.supports = Some(Box::new(Function {
                    span: supports.span,
                    name: supports.name,
                    value: vec![ComponentValue::SupportsCondition(Box::new(
                        SupportsCondition {
                            span: DUMMY_SP,
                            conditions,
                        },
                    ))],
                }));
            }
        }
    }

    fn visit_mut_supports_condition(&mut self, supports_condition: &mut SupportsCondition) {
        let old_supports_condition = self.supports_condition.take();

        self.supports_condition = Some(supports_condition.clone());

        supports_condition.visit_mut_children_with(self);

        self.supports_condition = old_supports_condition;
    }

    fn visit_mut_supports_in_parens(&mut self, supports_in_parens: &mut SupportsInParens) {
        supports_in_parens.visit_mut_children_with(self);

        if let Some(supports_condition) = &self.supports_condition {
            match supports_in_parens {
                SupportsInParens::Feature(_) if !self.added_declarations.is_empty() => {
                    let mut conditions = Vec::with_capacity(1 + self.added_declarations.len());

                    conditions.push(swc_css_ast::SupportsConditionType::SupportsInParens(
                        supports_in_parens.clone(),
                    ));

                    for n in take(&mut self.added_declarations) {
                        let supports_condition_type = SupportsConditionType::Or(SupportsOr {
                            span: DUMMY_SP,
                            keyword: None,
                            condition: Box::new(SupportsInParens::Feature(
                                SupportsFeature::Declaration(n),
                            )),
                        });

                        let need_skip =
                            supports_condition
                                .conditions
                                .iter()
                                .any(|existing_condition_type| {
                                    supports_condition_type.eq_ignore_span(existing_condition_type)
                                });

                        if need_skip {
                            continue;
                        }

                        conditions.push(supports_condition_type);
                    }

                    if conditions.len() > 1 {
                        *supports_in_parens =
                            SupportsInParens::SupportsCondition(SupportsCondition {
                                span: DUMMY_SP,
                                conditions,
                            });
                    }
                }
                _ => {}
            }
        }
    }

    fn visit_mut_media_query_list(&mut self, media_query_list: &mut MediaQueryList) {
        media_query_list.visit_mut_children_with(self);

        let mut new_queries = vec![];

        for n in &media_query_list.queries {
            if should_prefix("-webkit-min-device-pixel-ratio", self.env, false) {
                let mut new_media_query = n.clone();

                replace_media_feature_resolution_on_legacy_variant(
                    &mut new_media_query,
                    "min-resolution",
                    "-webkit-min-device-pixel-ratio",
                );
                replace_media_feature_resolution_on_legacy_variant(
                    &mut new_media_query,
                    "max-resolution",
                    "-webkit-max-device-pixel-ratio",
                );

                let need_skip = media_query_list.queries.iter().any(|existing_media_query| {
                    new_media_query.eq_ignore_span(existing_media_query)
                });

                if !need_skip {
                    new_queries.push(new_media_query);
                }
            }

            if should_prefix("min--moz-device-pixel-ratio", self.env, false) {
                let mut new_media_query = n.clone();

                replace_media_feature_resolution_on_legacy_variant(
                    &mut new_media_query,
                    "min-resolution",
                    "min--moz-device-pixel-ratio",
                );
                replace_media_feature_resolution_on_legacy_variant(
                    &mut new_media_query,
                    "max-resolution",
                    "max--moz-device-pixel-ratio",
                );

                let need_skip = media_query_list.queries.iter().any(|existing_media_query| {
                    new_media_query.eq_ignore_span(existing_media_query)
                });

                if !need_skip {
                    new_queries.push(new_media_query);
                }
            }

            // TODO opera support
        }

        media_query_list.queries.extend(new_queries);
    }

    fn visit_mut_qualified_rule(&mut self, n: &mut QualifiedRule) {
        let original_simple_block = n.block.clone();

        n.visit_mut_children_with(self);

        if self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none() {
            let mut new_webkit_prelude = n.prelude.clone();

            if should_prefix(":-webkit-autofill", self.env, false) {
                replace_pseudo_class_selector_name(
                    &mut new_webkit_prelude,
                    "autofill",
                    "-webkit-autofill",
                );
            }

            if should_prefix(":-webkit-any-link", self.env, false) {
                replace_pseudo_class_selector_name(
                    &mut new_webkit_prelude,
                    "any-link",
                    "-webkit-any-link",
                );
            }

            if should_prefix(":-webkit-full-screen", self.env, false) {
                replace_pseudo_class_selector_name(
                    &mut new_webkit_prelude,
                    "fullscreen",
                    "-webkit-full-screen",
                );
            }

            if should_prefix("::-webkit-file-upload-button", self.env, false) {
                replace_pseudo_element_selector_name(
                    &mut new_webkit_prelude,
                    "file-selector-button",
                    "-webkit-file-upload-button",
                );
            }

            if should_prefix("::-webkit-backdrop", self.env, false) {
                replace_pseudo_element_selector_name(
                    &mut new_webkit_prelude,
                    "backdrop",
                    "-webkit-backdrop",
                );
            }

            if should_prefix("::-webkit-file-upload-button", self.env, false) {
                replace_pseudo_element_selector_name(
                    &mut new_webkit_prelude,
                    "placeholder",
                    "-webkit-input-placeholder",
                );
            }

            if !n.prelude.eq_ignore_span(&new_webkit_prelude) {
                let qualified_rule = Box::new(QualifiedRule {
                    span: DUMMY_SP,
                    prelude: new_webkit_prelude,
                    block: original_simple_block.clone(),
                });

                if self.simple_block.is_none() {
                    self.added_top_rules
                        .push((Prefix::Webkit, Rule::QualifiedRule(qualified_rule)));
                } else {
                    self.added_qualified_rules
                        .push((Prefix::Webkit, qualified_rule));
                }
            }
        }

        if self.rule_prefix == Some(Prefix::Moz) || self.rule_prefix.is_none() {
            let mut new_moz_prelude = n.prelude.clone();

            if should_prefix(":-moz-read-only", self.env, false) {
                replace_pseudo_class_selector_name(
                    &mut new_moz_prelude,
                    "read-only",
                    "-moz-read-only",
                );
            }

            if should_prefix(":-moz-read-write", self.env, false) {
                replace_pseudo_class_selector_name(
                    &mut new_moz_prelude,
                    "read-write",
                    "-moz-read-write",
                );
            }

            if should_prefix(":-moz-any-link", self.env, false) {
                replace_pseudo_class_selector_name(
                    &mut new_moz_prelude,
                    "any-link",
                    "-moz-any-link",
                );
            }

            if should_prefix(":-moz-full-screen", self.env, false) {
                replace_pseudo_class_selector_name(
                    &mut new_moz_prelude,
                    "fullscreen",
                    "-moz-full-screen",
                );
            }

            if should_prefix("::-moz-selection", self.env, false) {
                replace_pseudo_element_selector_name(
                    &mut new_moz_prelude,
                    "selection",
                    "-moz-selection",
                );
            }

            if should_prefix(":-moz-placeholder", self.env, false) {
                let mut new_moz_prelude_with_previous = new_moz_prelude.clone();

                replace_pseudo_class_selector_on_pseudo_element_selector(
                    &mut new_moz_prelude_with_previous,
                    "placeholder",
                    "-moz-placeholder",
                );

                if !new_moz_prelude_with_previous.eq_ignore_span(&new_moz_prelude) {
                    let qualified_rule = Box::new(QualifiedRule {
                        span: DUMMY_SP,
                        prelude: new_moz_prelude_with_previous,
                        block: original_simple_block.clone(),
                    });

                    if self.simple_block.is_none() {
                        self.added_top_rules
                            .push((Prefix::Moz, Rule::QualifiedRule(qualified_rule)));
                    } else {
                        self.added_qualified_rules
                            .push((Prefix::Moz, qualified_rule));
                    }
                }
            }

            if should_prefix("::-moz-placeholder", self.env, false) {
                replace_pseudo_element_selector_name(
                    &mut new_moz_prelude,
                    "placeholder",
                    "-moz-placeholder",
                );
            }

            if !n.prelude.eq_ignore_span(&new_moz_prelude) {
                let qualified_rule = QualifiedRule {
                    span: DUMMY_SP,
                    prelude: new_moz_prelude,
                    block: original_simple_block.clone(),
                };

                if self.simple_block.is_none() {
                    self.added_top_rules
                        .push((Prefix::Moz, Rule::QualifiedRule(Box::new(qualified_rule))));
                } else {
                    self.added_qualified_rules
                        .push((Prefix::Moz, Box::new(qualified_rule)));
                }
            }
        }

        if self.rule_prefix == Some(Prefix::Ms) || self.rule_prefix.is_none() {
            let mut new_ms_prelude = n.prelude.clone();

            if should_prefix(":-ms-fullscreen", self.env, false) {
                replace_pseudo_class_selector_name(
                    &mut new_ms_prelude,
                    "fullscreen",
                    "-ms-fullscreen",
                );
            }

            if should_prefix(":-ms-input-placeholder", self.env, false) {
                replace_pseudo_class_selector_name(
                    &mut new_ms_prelude,
                    "placeholder-shown",
                    "-ms-input-placeholder",
                );
            }

            if should_prefix("::-ms-browse", self.env, false) {
                replace_pseudo_element_selector_name(
                    &mut new_ms_prelude,
                    "file-selector-button",
                    "-ms-browse",
                );
            }

            if should_prefix("::-ms-backdrop", self.env, false) {
                replace_pseudo_element_selector_name(
                    &mut new_ms_prelude,
                    "backdrop",
                    "-ms-backdrop",
                );
            }

            if should_prefix(":-ms-input-placeholder", self.env, false) {
                let mut new_ms_prelude_with_previous = new_ms_prelude.clone();

                replace_pseudo_class_selector_on_pseudo_element_selector(
                    &mut new_ms_prelude_with_previous,
                    "placeholder",
                    "-ms-input-placeholder",
                );

                if !new_ms_prelude_with_previous.eq_ignore_span(&new_ms_prelude) {
                    let qualified_rule = Box::new(QualifiedRule {
                        span: DUMMY_SP,
                        prelude: new_ms_prelude_with_previous,
                        block: original_simple_block.clone(),
                    });

                    if self.simple_block.is_none() {
                        self.added_top_rules
                            .push((Prefix::Ms, Rule::QualifiedRule(qualified_rule)));
                    } else {
                        self.added_qualified_rules
                            .push((Prefix::Ms, qualified_rule));
                    }
                }
            }

            if should_prefix("::-ms-input-placeholder", self.env, false) {
                replace_pseudo_element_selector_name(
                    &mut new_ms_prelude,
                    "placeholder",
                    "-ms-input-placeholder",
                );
            }

            if !n.prelude.eq_ignore_span(&new_ms_prelude) {
                let qualified_rule = Box::new(QualifiedRule {
                    span: DUMMY_SP,
                    prelude: new_ms_prelude,
                    block: original_simple_block,
                });

                if self.simple_block.is_none() {
                    self.added_top_rules
                        .push((Prefix::Ms, Rule::QualifiedRule(qualified_rule)));
                } else {
                    self.added_qualified_rules
                        .push((Prefix::Ms, qualified_rule));
                }
            }
        }
    }

    fn visit_mut_keyframe_block(&mut self, n: &mut KeyframeBlock) {
        let old_in_keyframe_block = self.in_keyframe_block;

        self.in_keyframe_block = true;

        n.visit_mut_children_with(self);

        self.in_keyframe_block = old_in_keyframe_block;
    }

    fn visit_mut_simple_block(&mut self, simple_block: &mut SimpleBlock) {
        let old_simple_block = self.simple_block.take();

        self.simple_block = Some(simple_block.clone());

        let mut new = Vec::with_capacity(simple_block.value.len());

        for mut n in take(&mut simple_block.value) {
            n.visit_mut_children_with(self);

            match n {
                ComponentValue::Declaration(_) => {
                    new.extend(
                        self.added_declarations
                            .drain(..)
                            .map(ComponentValue::Declaration),
                    );

                    for mut n in take(&mut self.added_at_rules) {
                        let old_rule_prefix = self.rule_prefix.take();

                        self.rule_prefix = Some(n.0);

                        n.1.visit_mut_children_with(self);

                        new.push(ComponentValue::AtRule(n.1));

                        self.rule_prefix = old_rule_prefix;
                    }
                }
                ComponentValue::QualifiedRule(_) | ComponentValue::AtRule(_) => {
                    new.extend(
                        self.added_declarations
                            .drain(..)
                            .map(ComponentValue::Declaration),
                    );

                    for mut n in take(&mut self.added_qualified_rules) {
                        let old_rule_prefix = self.rule_prefix.take();

                        self.rule_prefix = Some(n.0);

                        n.1.visit_mut_children_with(self);

                        new.push(ComponentValue::QualifiedRule(n.1));

                        self.rule_prefix = old_rule_prefix;
                    }

                    for mut n in take(&mut self.added_at_rules) {
                        let old_rule_prefix = self.rule_prefix.take();

                        self.rule_prefix = Some(n.0);

                        n.1.visit_mut_children_with(self);

                        new.push(ComponentValue::AtRule(n.1));

                        self.rule_prefix = old_rule_prefix;
                    }
                }
                _ => {}
            }

            new.push(n);
        }

        simple_block.value = new;

        self.simple_block = old_simple_block;
    }

    fn visit_mut_declaration(&mut self, n: &mut Declaration) {
        n.visit_mut_children_with(self);

        if n.value.is_empty() {
            return;
        }

        let is_dashed_ident = match n.name {
            DeclarationName::Ident(_) => false,
            DeclarationName::DashedIdent(_) => true,
        };

        if is_dashed_ident {
            return;
        }

        let name = match &n.name {
            DeclarationName::Ident(ident) => &ident.value,
            _ => {
                unreachable!();
            }
        };

        // TODO make it lazy?
        let mut webkit_value = n.value.clone();

        if self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none() {
            if should_prefix("-webkit-filter()", self.env, false) {
                replace_function_name(&mut webkit_value, "filter", "-webkit-filter");
            }

            if should_prefix("-webkit-image-set()", self.env, false) {
                replace_image_set_function_on_legacy_variant(
                    &mut webkit_value,
                    "image-set",
                    "-webkit-image-set",
                );
            }

            if should_prefix("-webkit-calc()", self.env, false) {
                replace_calc(&mut webkit_value, Some(&js_word!("-webkit-calc")));
            }

            if should_prefix("-webkit-cross-fade()", self.env, false) {
                replace_cross_fade_function_on_legacy_variant(
                    &mut webkit_value,
                    "cross-fade",
                    "-webkit-cross-fade",
                );
            }

            if should_prefix("-webkit-linear-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut webkit_value,
                    "linear-gradient",
                    "-webkit-linear-gradient",
                );
            }

            if should_prefix("-webkit-repeating-linear-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut webkit_value,
                    "repeating-linear-gradient",
                    "-webkit-repeating-linear-gradient",
                );
            }

            if should_prefix("-webkit-radial-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut webkit_value,
                    "radial-gradient",
                    "-webkit-radial-gradient",
                );
            }

            if should_prefix("-webkit-repeating-radial-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut webkit_value,
                    "repeating-radial-gradient",
                    "-webkit-repeating-radial-gradient",
                );
            }

            if should_prefix("clamp()", self.env, true) {
                replace_clamp(&mut webkit_value);
            }
        }

        let mut moz_value = n.value.clone();

        if self.rule_prefix == Some(Prefix::Moz) || self.rule_prefix.is_none() {
            if should_prefix("-moz-element()", self.env, false) {
                replace_function_name(&mut moz_value, "element", "-moz-element");
            }

            if should_prefix("-moz-calc()", self.env, false) {
                replace_calc(&mut moz_value, Some(&js_word!("-moz-calc")));
            }

            if should_prefix("-moz-linear-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut moz_value,
                    "linear-gradient",
                    "-moz-linear-gradient",
                );
            }

            if should_prefix("-moz-repeating-linear-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut moz_value,
                    "repeating-linear-gradient",
                    "-moz-repeating-linear-gradient",
                );
            }

            if should_prefix("-moz-radial-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut moz_value,
                    "radial-gradient",
                    "-moz-radial-gradient",
                );
            }

            if should_prefix("-moz-repeating-radial-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut moz_value,
                    "repeating-radial-gradient",
                    "-moz-repeating-radial-gradient",
                );
            }
        }

        let mut o_value = n.value.clone();

        if self.rule_prefix == Some(Prefix::O) || self.rule_prefix.is_none() {
            if should_prefix("-o-repeating-linear-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut o_value,
                    "linear-gradient",
                    "-o-linear-gradient",
                );
            }

            if should_prefix("-o-repeating-linear-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut o_value,
                    "repeating-linear-gradient",
                    "-o-repeating-linear-gradient",
                );
            }

            if should_prefix("-o-radial-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut o_value,
                    "radial-gradient",
                    "-o-radial-gradient",
                );
            }

            if should_prefix("-o-repeating-radial-gradient()", self.env, false) {
                replace_gradient_function_on_legacy_variant(
                    &mut o_value,
                    "repeating-radial-gradient",
                    "-o-repeating-radial-gradient",
                );
            }
        }

        let mut ms_value = n.value.clone();

        // TODO avoid insert moz/etc prefixes for `appearance: -webkit-button;`
        // TODO check logic for duplicate values
        macro_rules! add_declaration {
            ($prefix:expr,$property:expr, $value:expr) => {{
                let property: JsWord = $property;

                if should_prefix(&*property, self.env, true) {
                    // Use only specific prefix in prefixed at-rules or rule, i.e.
                    // don't use `-moz` prefix for properties in `@-webkit-keyframes` at-rule
                    if self.rule_prefix == Some($prefix) || self.rule_prefix.is_none() {
                        // Check we don't have prefixed property
                        if !self.is_duplicate(&$property) {
                            let name = DeclarationName::Ident(Ident {
                                span: DUMMY_SP,
                                value: property,
                                raw: None,
                            });

                            let value: Option<Box<dyn Fn() -> Vec<ComponentValue>>> = $value;

                            if let Some(value) = value {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name,
                                    value: value(),
                                    important: n.important.clone(),
                                }));
                            } else {
                                let new_value = match $prefix {
                                    Prefix::Webkit => webkit_value.clone(),
                                    Prefix::Moz => moz_value.clone(),
                                    Prefix::O => o_value.clone(),
                                    Prefix::Ms => ms_value.clone(),
                                };

                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name,
                                    value: new_value,
                                    important: n.important.clone(),
                                }));
                            }
                        }
                    }
                }
            }};

            ($property:expr, $value:expr) => {{
                let property: JsWord = $property;

                if should_prefix(&*property, self.env, true) && !self.is_duplicate(&$property) {
                    let name = DeclarationName::Ident(Ident {
                        span: DUMMY_SP,
                        value: property,
                        raw: None,
                    });

                    let value: Option<Box<dyn Fn() -> Vec<ComponentValue>>> = $value;

                    if let Some(value) = value {
                        let mut declaration = Declaration {
                            span: n.span,
                            name,
                            value: value(),
                            important: n.important.clone(),
                        };

                        // TODO should we handle with prefix?
                        declaration.visit_mut_with(self);

                        self.added_declarations.push(Box::new(declaration));
                    } else {
                        let mut declaration = Declaration {
                            span: n.span,
                            name,
                            value: n.value.clone(),
                            important: n.important.clone(),
                        };

                        declaration.visit_mut_with(self);

                        self.added_declarations.push(Box::new(declaration));
                    }
                }
            }};
        }

        match *name {
            js_word!("appearance") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-appearance"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-appearance"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-appearance"), None);
            }

            js_word!("animation") => {
                let need_prefix = n.value.iter().all(|n| match n {
                    ComponentValue::Ident(ident) => !matches!(
                        ident.value.to_ascii_lowercase(),
                        js_word!("reverse") | js_word!("alternate-reverse")
                    ),
                    _ => true,
                });

                if need_prefix {
                    add_declaration!(Prefix::Webkit, js_word!("-webkit-animation"), None);
                    add_declaration!(Prefix::Moz, js_word!("-moz-animation"), None);
                    add_declaration!(Prefix::O, js_word!("-o-animation"), None);
                }
            }

            js_word!("animation-name") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-animation-name"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-animation-name"), None);
                add_declaration!(Prefix::O, js_word!("-o-animation-name"), None);
            }

            js_word!("animation-duration") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-animation-duration"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-animation-duration"), None);
                add_declaration!(Prefix::O, js_word!("-o-animation-duration"), None);
            }

            js_word!("animation-delay") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-animation-delay"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-animation-delay"), None);
                add_declaration!(Prefix::O, js_word!("-o-animation-delay"), None);
            }

            js_word!("animation-direction") => {
                if let ComponentValue::Ident(ident) = &n.value[0] {
                    match ident.value.to_ascii_lowercase() {
                        js_word!("alternate-reverse") | js_word!("reverse") => {}
                        _ => {
                            add_declaration!(
                                Prefix::Webkit,
                                js_word!("-webkit-animation-direction"),
                                None
                            );
                            add_declaration!(
                                Prefix::Moz,
                                js_word!("-moz-animation-direction"),
                                None
                            );
                            add_declaration!(Prefix::O, js_word!("-o-animation-direction"), None);
                        }
                    }
                }
            }

            js_word!("animation-fill-mode") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-animation-fill-mode"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-animation-fill-mode"), None);
                add_declaration!(Prefix::O, js_word!("-o-animation-fill-mode"), None);
            }

            js_word!("animation-iteration-count") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-animation-iteration-count"),
                    None
                );
                add_declaration!(
                    Prefix::Moz,
                    js_word!("-moz-animation-iteration-count"),
                    None
                );
                add_declaration!(Prefix::O, js_word!("-o-animation-iteration-count"), None);
            }

            js_word!("animation-play-state") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-animation-play-state"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-animation-play-state"), None);
                add_declaration!(Prefix::O, js_word!("-o-animation-play-state"), None);
            }

            js_word!("animation-timing-function") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-animation-timing-function"),
                    None
                );
                add_declaration!(
                    Prefix::Moz,
                    js_word!("-moz-animation-timing-function"),
                    None
                );
                add_declaration!(Prefix::O, js_word!("-o-animation-timing-function"), None);
            }

            js_word!("background-clip") => {
                if let ComponentValue::Ident(ident) = &n.value[0] {
                    if ident.value.eq_ignore_ascii_case(&js_word!("text")) {
                        add_declaration!(Prefix::Webkit, js_word!("-webkit-background-clip"), None);
                    }
                }
            }

            js_word!("box-decoration-break") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-box-decoration-break"),
                    None
                );
            }

            js_word!("box-sizing") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-box-sizing"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-box-sizing"), None);
            }

            js_word!("color-adjust") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-print-color-adjust"), None);
            }

            js_word!("print-color-adjust") => {
                add_declaration!(Prefix::Moz, js_word!("color-adjust"), None);
                add_declaration!(Prefix::Webkit, js_word!("-webkit-print-color-adjust"), None);
            }

            js_word!("columns") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-columns"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-columns"), None);
            }

            js_word!("column-width") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-column-width"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-column-width"), None);
            }

            js_word!("column-gap") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-column-gap"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-column-gap"), None);
            }

            js_word!("column-rule") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-column-rule"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-column-rule"), None);
            }

            js_word!("column-rule-color") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-column-rule-color"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-column-rule-color"), None);
            }

            js_word!("column-rule-width") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-column-rule-width"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-column-rule-width"), None);
            }

            js_word!("column-count") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-column-count"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-column-count"), None);
            }

            js_word!("column-rule-style") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-column-rule-style"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-column-rule-style"), None);
            }

            js_word!("column-span") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-column-span"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-column-span"), None);
            }

            js_word!("column-fill") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-column-fill"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-column-fill"), None);
            }

            js_word!("cursor") => {
                if self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none() {
                    if should_prefix("-o-repeating-radial-gradient()", self.env, false) {
                        replace_ident(&mut webkit_value, "zoom-in", "-webkit-zoom-in");
                    }

                    if should_prefix("-o-repeating-radial-gradient()", self.env, false) {
                        replace_ident(&mut webkit_value, "zoom-out", "-webkit-zoom-out");
                    }

                    if should_prefix("-webkit-grab", self.env, false) {
                        replace_ident(&mut webkit_value, "grab", "-webkit-grab");
                    }

                    if should_prefix("-webkit-grabbing", self.env, false) {
                        replace_ident(&mut webkit_value, "grabbing", "-webkit-grabbing");
                    }
                }

                if self.rule_prefix == Some(Prefix::Moz) || self.rule_prefix.is_none() {
                    if should_prefix("-moz-zoom-in", self.env, false) {
                        replace_ident(&mut moz_value, "zoom-in", "-moz-zoom-in");
                    }

                    if should_prefix("-moz-zoom-out", self.env, false) {
                        replace_ident(&mut moz_value, "zoom-out", "-moz-zoom-out");
                    }

                    if should_prefix("-moz-grab", self.env, false) {
                        replace_ident(&mut moz_value, "grab", "-moz-grab");
                    }

                    if should_prefix("-moz-grabbing", self.env, false) {
                        replace_ident(&mut moz_value, "grabbing", "-moz-grabbing");
                    }
                }
            }

            js_word!("display") => {
                if n.value.len() == 1 {
                    if self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none() {
                        let mut old_spec_webkit_value = webkit_value.clone();

                        if should_prefix("-webkit-box", self.env, false) {
                            replace_ident(&mut old_spec_webkit_value, "flex", "-webkit-box");
                        }

                        if should_prefix("-webkit-inline-box", self.env, false) {
                            replace_ident(
                                &mut old_spec_webkit_value,
                                "inline-flex",
                                "-webkit-inline-box",
                            );
                        }

                        if !n.value.eq_ignore_span(&old_spec_webkit_value) {
                            self.added_declarations.push(Box::new(Declaration {
                                span: n.span,
                                name: n.name.clone(),
                                value: old_spec_webkit_value,
                                important: n.important.clone(),
                            }));
                        }

                        if should_prefix("-webkit-flex:display", self.env, false) {
                            replace_ident(&mut webkit_value, "flex", "-webkit-flex");
                        }

                        if should_prefix("-webkit-inline-flex", self.env, false) {
                            replace_ident(&mut webkit_value, "inline-flex", "-webkit-inline-flex");
                        }
                    }

                    if self.rule_prefix == Some(Prefix::Moz) || self.rule_prefix.is_none() {
                        if should_prefix("-moz-box", self.env, false) {
                            replace_ident(&mut moz_value, "flex", "-moz-box");
                        }

                        if should_prefix("-moz-inline-box", self.env, false) {
                            replace_ident(&mut moz_value, "inline-flex", "-moz-inline-box");
                        }
                    }

                    if self.rule_prefix == Some(Prefix::Ms) || self.rule_prefix.is_none() {
                        if should_prefix("-ms-flexbox", self.env, false) {
                            replace_ident(&mut ms_value, "flex", "-ms-flexbox");
                        }

                        if should_prefix("-ms-inline-flexbox", self.env, false) {
                            replace_ident(&mut ms_value, "inline-flex", "-ms-inline-flexbox");
                        }
                    }
                } else if n.value.len() == 2
                    && should_prefix("display:multi-keyword-values", self.env, false)
                {
                    if let (
                        Some(ComponentValue::Ident(first)),
                        Some(ComponentValue::Ident(second)),
                    ) = (n.value.get(0), n.value.get(1))
                    {
                        match (&first.value, &second.value) {
                            (&js_word!("block"), &js_word!("flow"))
                            | (&js_word!("flow"), &js_word!("block")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("block")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("block"), &js_word!("flow-root"))
                            | (&js_word!("flow-root"), &js_word!("block")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("flow-root")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("inline"), &js_word!("flow"))
                            | (&js_word!("flow"), &js_word!("inline")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("inline")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("inline"), &js_word!("flow-root"))
                            | (&js_word!("flow-root"), &js_word!("inline")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("inline-block")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("run-in"), &js_word!("flow"))
                            | (&js_word!("flow"), &js_word!("run-in")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("run-in")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("block"), &js_word!("flex"))
                            | (&js_word!("flex"), &js_word!("block")) => {
                                let mut declaration = Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("flex")],
                                    important: n.important.clone(),
                                };

                                declaration.visit_mut_with(self);

                                self.added_declarations.push(Box::new(declaration));
                            }
                            (&js_word!("inline"), &js_word!("flex"))
                            | (&js_word!("flex"), &js_word!("inline")) => {
                                let mut declaration = Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("inline-flex")],
                                    important: n.important.clone(),
                                };

                                declaration.visit_mut_with(self);

                                self.added_declarations.push(Box::new(declaration));
                            }
                            (&js_word!("block"), &js_word!("grid"))
                            | (&js_word!("grid"), &js_word!("block")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("grid")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("inline"), &js_word!("grid"))
                            | (&js_word!("grid"), &js_word!("inline")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("inline-grid")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("inline"), &js_word!("ruby"))
                            | (&js_word!("ruby"), &js_word!("inline")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("ruby")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("block"), &js_word!("table"))
                            | (&js_word!("table"), &js_word!("block")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("table")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("inline"), &js_word!("table"))
                            | (&js_word!("table"), &js_word!("inline")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("inline-table")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("table-cell"), &js_word!("flow"))
                            | (&js_word!("flow"), &js_word!("table-cell")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("table-cell")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("table-caption"), &js_word!("flow"))
                            | (&js_word!("flow"), &js_word!("table-caption")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("table-caption")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("ruby-base"), &js_word!("flow"))
                            | (&js_word!("flow"), &js_word!("ruby-base")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("ruby-base")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("ruby-text"), &js_word!("flow"))
                            | (&js_word!("flow"), &js_word!("ruby-text")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("ruby-text")],
                                    important: n.important.clone(),
                                }));
                            }
                            _ => {}
                        }
                    }
                } else if n.value.len() == 3
                    && should_prefix("display:multi-keyword-values", self.env, false)
                {
                    if let (
                        Some(ComponentValue::Ident(first)),
                        Some(ComponentValue::Ident(second)),
                        Some(ComponentValue::Ident(third)),
                    ) = (n.value.get(0), n.value.get(1), n.value.get(2))
                    {
                        match (&first.value, &second.value, &third.value) {
                            (&js_word!("list-item"), &js_word!("block"), &js_word!("flow"))
                            | (&js_word!("list-item"), &js_word!("flow"), &js_word!("block"))
                            | (&js_word!("block"), &js_word!("list-item"), &js_word!("flow"))
                            | (&js_word!("block"), &js_word!("flow"), &js_word!("list-item"))
                            | (&js_word!("flow"), &js_word!("block"), &js_word!("list-item"))
                            | (&js_word!("flow"), &js_word!("list-item"), &js_word!("block")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("list-item")],
                                    important: n.important.clone(),
                                }));
                            }
                            (&js_word!("inline"), &js_word!("flow"), &js_word!("list-item"))
                            | (&js_word!("inline"), &js_word!("list-item"), &js_word!("flow"))
                            | (&js_word!("flow"), &js_word!("inline"), &js_word!("list-item"))
                            | (&js_word!("flow"), &js_word!("list-item"), &js_word!("inline"))
                            | (&js_word!("list-item"), &js_word!("flow"), &js_word!("inline"))
                            | (&js_word!("list-item"), &js_word!("inline"), &js_word!("flow")) => {
                                self.added_declarations.push(Box::new(Declaration {
                                    span: n.span,
                                    name: n.name.clone(),
                                    value: vec![to_ident!("inline"), to_ident!("list-item")],
                                    important: n.important.clone(),
                                }));
                            }
                            _ => {}
                        }
                    };
                }
            }

            js_word!("flex") => {
                let spec_2009_value = match n.value.get(0) {
                    Some(ComponentValue::Ident(ident))
                        if ident.value.eq_ignore_ascii_case(&js_word!("none")) =>
                    {
                        Some(ComponentValue::Integer(Box::new(Integer {
                            span: ident.span,
                            value: 0,
                            raw: None,
                        })))
                    }
                    Some(ComponentValue::Ident(ident))
                        if ident.value.eq_ignore_ascii_case(&js_word!("auto")) =>
                    {
                        Some(ComponentValue::Integer(Box::new(Integer {
                            span: ident.span,
                            value: 1,
                            raw: None,
                        })))
                    }
                    Some(any) => Some(any.clone()),
                    None => None,
                };

                if let Some(spec_2009_value) = &spec_2009_value {
                    add_declaration!(
                        Prefix::Webkit,
                        js_word!("-webkit-box-flex"),
                        Some(Box::new(|| { vec![spec_2009_value.clone()] }))
                    );
                } else {
                    add_declaration!(Prefix::Webkit, js_word!("-webkit-box-flex"), None);
                }

                add_declaration!(Prefix::Webkit, js_word!("-webkit-flex"), None);

                if let Some(spec_2009_value) = &spec_2009_value {
                    add_declaration!(
                        Prefix::Moz,
                        js_word!("-moz-box-flex"),
                        Some(Box::new(|| { vec![spec_2009_value.clone()] }))
                    );
                } else {
                    add_declaration!(Prefix::Webkit, js_word!("-moz-box-flex"), None);
                }

                if n.value.len() == 3 {
                    add_declaration!(
                        Prefix::Ms,
                        js_word!("-ms-flex"),
                        Some(Box::new(|| {
                            let mut value = ms_value.clone();

                            if let Some(ComponentValue::Integer(box Integer {
                                value: 0,
                                span,
                                ..
                            })) = value.get(2)
                            {
                                value[2] = ComponentValue::Dimension(Box::new(Dimension::Length(
                                    Length {
                                        span: *span,
                                        value: Number {
                                            span: DUMMY_SP,
                                            value: 0.0,
                                            raw: None,
                                        },
                                        unit: Ident {
                                            span: DUMMY_SP,
                                            value: js_word!("px"),
                                            raw: None,
                                        },
                                    },
                                )));
                            }

                            value
                        }))
                    );
                } else {
                    add_declaration!(Prefix::Ms, js_word!("-ms-flex"), None);
                }
            }

            js_word!("flex-grow") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-box-flex"), None);
                add_declaration!(Prefix::Webkit, js_word!("-webkit-flex-grow"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-box-flex"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-flex-positive"), None);
            }

            js_word!("flex-shrink") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-flex-shrink"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-flex-negative"), None);
            }

            js_word!("flex-basis") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-flex-basis"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-flex-preferred-size"), None);
            }

            js_word!("flex-direction") => {
                let old_values = match n.value.get(0) {
                    Some(ComponentValue::Ident(ident))
                        if ident.value.eq_ignore_ascii_case(&js_word!("row")) =>
                    {
                        Some(("horizontal", "normal"))
                    }
                    Some(ComponentValue::Ident(ident))
                        if ident.value.eq_ignore_ascii_case(&js_word!("column")) =>
                    {
                        Some(("vertical", "normal"))
                    }
                    Some(ComponentValue::Ident(ident))
                        if ident.value.eq_ignore_ascii_case(&js_word!("row-reverse")) =>
                    {
                        Some(("horizontal", "reverse"))
                    }
                    Some(ComponentValue::Ident(ident))
                        if ident
                            .value
                            .eq_ignore_ascii_case(&js_word!("column-reverse")) =>
                    {
                        Some(("vertical", "reverse"))
                    }
                    Some(_) | None => None,
                };

                if let Some((orient, direction)) = old_values {
                    add_declaration!(
                        Prefix::Webkit,
                        js_word!("-webkit-box-orient"),
                        Some(Box::new(|| { vec![to_ident!(orient)] }))
                    );
                    add_declaration!(
                        Prefix::Webkit,
                        js_word!("-webkit-box-direction"),
                        Some(Box::new(|| { vec![to_ident!(direction)] }))
                    );
                }

                add_declaration!(Prefix::Webkit, js_word!("-webkit-flex-direction"), None);

                if let Some((orient, direction)) = old_values {
                    add_declaration!(
                        Prefix::Moz,
                        js_word!("-moz-box-orient"),
                        Some(Box::new(|| { vec![to_ident!(orient)] }))
                    );
                    add_declaration!(
                        Prefix::Webkit,
                        js_word!("-moz-box-direction"),
                        Some(Box::new(|| { vec![to_ident!(direction)] }))
                    );
                }

                add_declaration!(Prefix::Ms, js_word!("-ms-flex-direction"), None);
            }

            js_word!("flex-wrap") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-flex-wrap"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-flex-wrap"), None);
            }

            js_word!("flex-flow") => {
                let is_single_flex_wrap = matches!(n.value.get(0), Some(ComponentValue::Ident(box Ident { value, .. })) if n.value.len() == 1
                && matches!(
                    value.to_ascii_lowercase(),
                    js_word!("wrap") | js_word!("nowrap") | js_word!("wrap-reverse")
                ));

                let old_values = match is_single_flex_wrap {
                    true => None,
                    _ => {
                        let get_old_values = |index: usize| match n.value.get(index) {
                            Some(ComponentValue::Ident(ident))
                                if ident.value.eq_ignore_ascii_case(&js_word!("row")) =>
                            {
                                Some(("horizontal", "normal"))
                            }
                            Some(ComponentValue::Ident(ident))
                                if ident.value.eq_ignore_ascii_case(&js_word!("column")) =>
                            {
                                Some(("vertical", "normal"))
                            }
                            Some(ComponentValue::Ident(ident))
                                if ident.value.eq_ignore_ascii_case(&js_word!("row-reverse")) =>
                            {
                                Some(("horizontal", "reverse"))
                            }
                            Some(ComponentValue::Ident(ident))
                                if ident
                                    .value
                                    .eq_ignore_ascii_case(&js_word!("column-reverse")) =>
                            {
                                Some(("vertical", "reverse"))
                            }
                            Some(_) | None => None,
                        };

                        get_old_values(0).or_else(|| get_old_values(1))
                    }
                };

                if let Some((orient, direction)) = old_values {
                    add_declaration!(
                        Prefix::Webkit,
                        js_word!("-webkit-box-orient"),
                        Some(Box::new(|| { vec![to_ident!(orient)] }))
                    );
                    add_declaration!(
                        Prefix::Webkit,
                        js_word!("-webkit-box-direction"),
                        Some(Box::new(|| { vec![to_ident!(direction)] }))
                    );
                }

                add_declaration!(Prefix::Webkit, js_word!("-webkit-flex-flow"), None);

                if let Some((orient, direction)) = old_values {
                    add_declaration!(
                        Prefix::Moz,
                        js_word!("-moz-box-orient"),
                        Some(Box::new(|| { vec![to_ident!(orient)] }))
                    );
                    add_declaration!(
                        Prefix::Moz,
                        js_word!("-moz-box-direction"),
                        Some(Box::new(|| { vec![to_ident!(direction)] }))
                    );
                }

                add_declaration!(Prefix::Ms, js_word!("-ms-flex-flow"), None);
            }

            js_word!("justify-content") => {
                let need_old_spec = !matches!(
                    n.value.get(0),
                    Some(ComponentValue::Ident(box Ident { value, .. })) if value.eq_ignore_ascii_case(&js_word!("space-around"))
                );

                if need_old_spec {
                    add_declaration!(
                        Prefix::Webkit,
                        js_word!("-webkit-box-pack"),
                        Some(Box::new(|| {
                            let mut old_spec_webkit_new_value = webkit_value.clone();

                            replace_ident(&mut old_spec_webkit_new_value, "flex-start", "start");
                            replace_ident(&mut old_spec_webkit_new_value, "flex-end", "end");
                            replace_ident(
                                &mut old_spec_webkit_new_value,
                                "space-between",
                                "justify",
                            );

                            old_spec_webkit_new_value
                        }))
                    );
                }

                add_declaration!(Prefix::Webkit, js_word!("-webkit-justify-content"), None);

                if need_old_spec {
                    add_declaration!(
                        Prefix::Moz,
                        js_word!("-moz-box-pack"),
                        Some(Box::new(|| {
                            let mut old_spec_moz_value = moz_value.clone();

                            replace_ident(&mut old_spec_moz_value, "flex-start", "start");
                            replace_ident(&mut old_spec_moz_value, "flex-end", "end");
                            replace_ident(&mut old_spec_moz_value, "space-between", "justify");

                            old_spec_moz_value
                        }))
                    );
                }

                add_declaration!(
                    Prefix::Ms,
                    js_word!("-ms-flex-pack"),
                    Some(Box::new(|| {
                        let mut old_spec_ms_value = ms_value.clone();

                        replace_ident(&mut old_spec_ms_value, "flex-start", "start");
                        replace_ident(&mut old_spec_ms_value, "flex-end", "end");
                        replace_ident(&mut old_spec_ms_value, "space-between", "justify");
                        replace_ident(&mut old_spec_ms_value, "space-around", "distribute");

                        old_spec_ms_value
                    }))
                );
            }

            js_word!("opacity") if should_prefix("opacity", self.env, true) => {
                let old_value = match n.value.get(0) {
                    Some(ComponentValue::Percentage(percentage)) => Some(percentage.value.value),
                    _ => None,
                };

                if let Some(old_value) = old_value {
                    let rounded_alpha = (old_value * 1000.0).round() / 100000.0;

                    self.added_declarations.push(Box::new(Declaration {
                        span: n.span,
                        name: n.name.clone(),
                        value: vec![to_number!(rounded_alpha)],
                        important: n.important.clone(),
                    }));
                }
            }

            js_word!("order") => {
                let old_spec_num = match n.value.get(0) {
                    Some(ComponentValue::Integer(integer)) => Some(integer.value + 1),
                    _ => None,
                };

                match old_spec_num {
                    Some(old_spec_num) if n.value.len() == 1 => {
                        add_declaration!(
                            Prefix::Webkit,
                            js_word!("-webkit-box-ordinal-group"),
                            Some(Box::new(|| { vec![to_integer!(old_spec_num)] }))
                        );
                    }
                    _ => {
                        add_declaration!(
                            Prefix::Webkit,
                            js_word!("-webkit-box-ordinal-group"),
                            None
                        );
                    }
                }

                add_declaration!(Prefix::Webkit, js_word!("-webkit-order"), None);

                match old_spec_num {
                    Some(old_spec_num) if n.value.len() == 1 => {
                        add_declaration!(
                            Prefix::Moz,
                            js_word!("-moz-box-ordinal-group"),
                            Some(Box::new(|| { vec![to_integer!(old_spec_num)] }))
                        );
                    }
                    _ => {
                        add_declaration!(Prefix::Webkit, js_word!("-moz-box-ordinal-group"), None);
                    }
                }

                add_declaration!(Prefix::Ms, js_word!("-ms-flex-order"), None);
            }

            js_word!("align-items") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-box-align"),
                    Some(Box::new(|| {
                        let mut old_spec_webkit_new_value = webkit_value.clone();

                        replace_ident(&mut old_spec_webkit_new_value, "flex-end", "end");
                        replace_ident(&mut old_spec_webkit_new_value, "flex-start", "start");

                        old_spec_webkit_new_value
                    }))
                );
                add_declaration!(Prefix::Webkit, js_word!("-webkit-align-items"), None);
                add_declaration!(
                    Prefix::Moz,
                    js_word!("-moz-box-align"),
                    Some(Box::new(|| {
                        let mut old_spec_moz_value = moz_value.clone();

                        replace_ident(&mut old_spec_moz_value, "flex-end", "end");
                        replace_ident(&mut old_spec_moz_value, "flex-start", "start");

                        old_spec_moz_value
                    }))
                );
                add_declaration!(
                    Prefix::Ms,
                    js_word!("-ms-flex-align"),
                    Some(Box::new(|| {
                        let mut old_spec_ms_value = ms_value.clone();

                        replace_ident(&mut old_spec_ms_value, "flex-end", "end");
                        replace_ident(&mut old_spec_ms_value, "flex-start", "start");

                        old_spec_ms_value
                    }))
                );
            }

            js_word!("align-self") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-align-self"), None);
                add_declaration!(
                    Prefix::Ms,
                    js_word!("-ms-flex-item-align"),
                    Some(Box::new(|| {
                        let mut spec_2012_ms_value = ms_value.clone();

                        replace_ident(&mut spec_2012_ms_value, "flex-end", "end");
                        replace_ident(&mut spec_2012_ms_value, "flex-start", "start");

                        spec_2012_ms_value
                    }))
                );
            }

            js_word!("align-content") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-align-content"), None);
                add_declaration!(
                    Prefix::Ms,
                    js_word!("-ms-flex-line-pack"),
                    Some(Box::new(|| {
                        let mut spec_2012_ms_value = ms_value.clone();

                        replace_ident(&mut spec_2012_ms_value, "flex-end", "end");
                        replace_ident(&mut spec_2012_ms_value, "flex-start", "start");
                        replace_ident(&mut spec_2012_ms_value, "space-between", "justify");
                        replace_ident(&mut spec_2012_ms_value, "space-around", "distribute");

                        spec_2012_ms_value
                    }))
                );
            }

            js_word!("image-rendering") => {
                if self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none() {
                    if should_prefix("-webkit-optimize-contrast:fallback", self.env, false) {
                        // Fallback to nearest-neighbor algorithm
                        replace_ident(&mut webkit_value, "pixelated", "-webkit-optimize-contrast");
                    }

                    if should_prefix("-webkit-optimize-contrast", self.env, false) {
                        replace_ident(
                            &mut webkit_value,
                            "crisp-edges",
                            "-webkit-optimize-contrast",
                        );
                    }
                }

                if should_prefix("-moz-crisp-edges", self.env, false)
                    && (self.rule_prefix == Some(Prefix::Moz) || self.rule_prefix.is_none())
                {
                    // Fallback to nearest-neighbor algorithm
                    replace_ident(&mut moz_value, "pixelated", "-moz-crisp-edges");
                    replace_ident(&mut moz_value, "crisp-edges", "-moz-crisp-edges");
                }

                if should_prefix("-o-pixelated", self.env, false)
                    && (self.rule_prefix == Some(Prefix::O) || self.rule_prefix.is_none())
                {
                    replace_ident(&mut o_value, "pixelated", "-o-pixelated");
                }

                if should_prefix("nearest-neighbor", self.env, false)
                    && (self.rule_prefix == Some(Prefix::Ms) || self.rule_prefix.is_none())
                {
                    let mut old_spec_ms_value = ms_value.clone();

                    replace_ident(&mut old_spec_ms_value, "pixelated", "nearest-neighbor");

                    if !ms_value.eq_ignore_span(&old_spec_ms_value) {
                        add_declaration!(
                            Prefix::Ms,
                            js_word!("-ms-interpolation-mode"),
                            Some(Box::new(|| { old_spec_ms_value.clone() }))
                        );
                    }
                }
            }

            js_word!("filter") => match &n.value.get(0) {
                Some(ComponentValue::PreservedToken(_)) => {}
                Some(ComponentValue::Function(function)) if function.name == js_word!("alpha") => {}
                None => {}
                _ => {
                    add_declaration!(Prefix::Webkit, js_word!("-webkit-filter"), None);
                }
            },

            js_word!("backdrop-filter") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-backdrop-filter"), None);
            }

            js_word!("mask-clip") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-clip"), None);
            }

            // Fix me https://github.com/postcss/autoprefixer/blob/main/lib/hacks/mask-composite.js
            js_word!("mask-composite") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-composite"), None);
            }

            js_word!("mask-image") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-image"), None);
            }

            js_word!("mask-origin") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-origin"), None);
            }

            js_word!("mask-repeat") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-repeat"), None);
            }

            js_word!("mask-border-repeat") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-border-repeat"), None);
            }

            js_word!("mask-border-source") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-border-source"), None);
            }

            js_word!("mask") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask"), None);
            }

            js_word!("mask-position") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-position"), None);
            }

            js_word!("mask-size") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-size"), None);
            }

            js_word!("mask-border") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-mask-box-image"), None);
            }

            js_word!("mask-border-outset") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-mask-box-image-outset"),
                    None
                );
            }

            js_word!("mask-border-width") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-mask-box-image-width"),
                    None
                );
            }

            js_word!("mask-border-slice") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-mask-box-image-slice"),
                    None
                );
            }

            js_word!("border-inline-start") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-border-start"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-border-start"), None);
            }

            js_word!("border-inline-end") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-border-end"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-border-end"), None);
            }

            js_word!("margin-inline-start") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-margin-start"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-margin-start"), None);
            }

            js_word!("margin-inline-end") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-margin-end"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-margin-end"), None);
            }

            js_word!("padding-inline-start") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-padding-start"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-padding-start"), None);
            }

            js_word!("padding-inline-end") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-padding-end"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-padding-end"), None);
            }

            js_word!("border-block-start") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-border-before"), None);
            }

            js_word!("border-block-end") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-border-after"), None);
            }

            js_word!("margin-block-start") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-margin-before"), None);
            }

            js_word!("margin-block-end") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-margin-after"), None);
            }

            js_word!("padding-block-start") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-padding-before"), None);
            }

            js_word!("padding-block-end") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-padding-after"), None);
            }

            js_word!("backface-visibility") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-backface-visibility"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-backface-visibility"), None);
            }

            js_word!("clip-path") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-clip-path"), None);
            }

            js_word!("position") if n.value.len() == 1 => {
                if should_prefix("-webkit-sticky", self.env, false)
                    && (self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none())
                {
                    replace_ident(&mut webkit_value, "sticky", "-webkit-sticky");
                }
            }

            js_word!("user-select") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-user-select"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-user-select"), None);

                if let ComponentValue::Ident(ident) = &n.value[0] {
                    match ident.value.to_ascii_lowercase() {
                        js_word!("contain") => {
                            add_declaration!(
                                Prefix::Ms,
                                js_word!("-ms-user-select"),
                                Some(Box::new(|| { vec![to_ident!("element")] }))
                            );
                        }
                        js_word!("all") => {}
                        _ => {
                            add_declaration!(Prefix::Ms, js_word!("-ms-user-select"), None);
                        }
                    }
                }
            }

            js_word!("transform") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-transform"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-transform"), None);

                let has_3d_function = n.value.iter().any(|n| match n {
                    ComponentValue::Function(function)
                        if matches_eq!(
                            function.name,
                            js_word!("matrix3d"),
                            js_word!("translate3d"),
                            js_word!("translatez"),
                            js_word!("scale3d"),
                            js_word!("scalez"),
                            js_word!("rotate3d"),
                            js_word!("rotatex"),
                            js_word!("rotatey"),
                            js_word!("rotatez"),
                            js_word!("perspective")
                        ) =>
                    {
                        true
                    }
                    _ => false,
                });

                if !has_3d_function {
                    if !self.in_keyframe_block {
                        add_declaration!(Prefix::Ms, js_word!("-ms-transform"), None);
                    }

                    add_declaration!(Prefix::O, js_word!("-o-transform"), None);
                }
            }

            js_word!("transform-origin") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-transform-origin"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-transform-origin"), None);

                if !self.in_keyframe_block {
                    add_declaration!(Prefix::Ms, js_word!("-ms-transform-origin"), None);
                }

                add_declaration!(Prefix::O, js_word!("-o-transform-origin"), None);
            }

            js_word!("transform-style") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-transform-style"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-transform-style"), None);
            }

            js_word!("perspective") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-perspective"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-perspective"), None);
            }

            js_word!("perspective-origin") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-perspective-origin"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-perspective-origin"), None);
            }

            js_word!("text-decoration") => {
                if n.value.len() == 1 {
                    match &n.value[0] {
                        ComponentValue::Ident(ident)
                            if matches!(
                                ident.value.to_ascii_lowercase(),
                                js_word!("none")
                                    | js_word!("underline")
                                    | js_word!("overline")
                                    | js_word!("line-through")
                                    | js_word!("blink")
                                    | js_word!("inherit")
                                    | js_word!("initial")
                                    | js_word!("revert")
                                    | js_word!("unset")
                            ) => {}
                        _ => {
                            add_declaration!(
                                Prefix::Webkit,
                                js_word!("-webkit-text-decoration"),
                                None
                            );
                            add_declaration!(Prefix::Moz, js_word!("-moz-text-decoration"), None);
                        }
                    }
                } else {
                    add_declaration!(Prefix::Webkit, js_word!("-webkit-text-decoration"), None);
                    add_declaration!(Prefix::Moz, js_word!("-moz-text-decoration"), None);
                }
            }

            js_word!("text-decoration-style") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-text-decoration-style"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-text-decoration-style"), None);
            }

            js_word!("text-decoration-color") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-text-decoration-color"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-text-decoration-color"), None);
            }

            js_word!("text-decoration-line") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-text-decoration-line"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-text-decoration-line"), None);
            }

            js_word!("text-decoration-skip") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-text-decoration-skip"),
                    None
                );
            }

            js_word!("text-decoration-skip-ink") => {
                if let ComponentValue::Ident(ident) = &n.value[0] {
                    match ident.value.to_ascii_lowercase() {
                        js_word!("auto") => {
                            add_declaration!(
                                Prefix::Webkit,
                                js_word!("-webkit-text-decoration-skip"),
                                Some(Box::new(|| { vec![to_ident!("ink")] }))
                            );
                        }
                        _ => {
                            add_declaration!(
                                Prefix::Webkit,
                                js_word!("-webkit-text-decoration-skip-ink"),
                                None
                            );
                        }
                    }
                }
            }

            js_word!("text-size-adjust") if n.value.len() == 1 => {
                if let ComponentValue::Ident(ident) = &n.value[0] {
                    if ident.value.eq_ignore_ascii_case(&js_word!("none")) {
                        add_declaration!(
                            Prefix::Webkit,
                            js_word!("-webkit-text-size-adjust"),
                            None
                        );
                        add_declaration!(Prefix::Moz, js_word!("-moz-text-size-adjust"), None);
                        add_declaration!(Prefix::Ms, js_word!("-ms-text-size-adjust"), None);
                    }
                }
            }

            // TODO improve me for `filter` values https://github.com/postcss/autoprefixer/blob/main/test/cases/transition.css#L6
            // TODO https://github.com/postcss/autoprefixer/blob/main/lib/transition.js
            js_word!("transition") => {
                if self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none() {
                    if should_prefix("-webkit-transform", self.env, false) {
                        replace_ident(&mut webkit_value, "transform", "-webkit-transform");
                    }

                    if should_prefix("-webkit-filter", self.env, false) {
                        replace_ident(&mut webkit_value, "filter", "-webkit-filter");
                    }
                }

                add_declaration!(Prefix::Webkit, js_word!("-webkit-transition"), None);

                if should_prefix("-moz-transform", self.env, false)
                    && (self.rule_prefix == Some(Prefix::Moz) || self.rule_prefix.is_none())
                {
                    replace_ident(&mut moz_value, "transform", "-moz-transform");
                }

                add_declaration!(Prefix::Moz, js_word!("-moz-transition"), None);

                if should_prefix("-o-transform", self.env, false)
                    && (self.rule_prefix == Some(Prefix::O) || self.rule_prefix.is_none())
                {
                    replace_ident(&mut o_value, "transform", "-o-transform");
                }

                add_declaration!(Prefix::O, js_word!("-o-transition"), None);
            }

            js_word!("transition-property") => {
                if should_prefix("-webkit-transform", self.env, false)
                    && (self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none())
                {
                    replace_ident(&mut webkit_value, "transform", "-webkit-transform");
                }

                if should_prefix("-webkit-filter", self.env, false)
                    && (self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none())
                {
                    replace_ident(&mut webkit_value, "filter", "-webkit-filter");
                }

                if should_prefix("-moz-transform", self.env, false)
                    && (self.rule_prefix == Some(Prefix::Moz) || self.rule_prefix.is_none())
                {
                    replace_ident(&mut moz_value, "transform", "-moz-transform");
                }

                if should_prefix("-o-transform", self.env, false)
                    && (self.rule_prefix == Some(Prefix::O) || self.rule_prefix.is_none())
                {
                    replace_ident(&mut o_value, "transform", "-o-transform");
                }

                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-transition-property"),
                    None
                );
                add_declaration!(
                    Prefix::Moz,
                    js_word!("-moz-transition-timing-function"),
                    None
                );
                add_declaration!(Prefix::O, js_word!("-o-transition-timing-function"), None);
            }

            js_word!("transition-duration") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-transition-duration"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-transition-duration"), None);
                add_declaration!(Prefix::O, js_word!("-o-transition-duration"), None);
            }

            js_word!("transition-delay") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-transition-delay"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-transition-delay"), None);
                add_declaration!(Prefix::O, js_word!("-o-transition-delay"), None);
            }

            js_word!("transition-timing-function") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-transition-timing-function"),
                    None
                );
                add_declaration!(
                    Prefix::Moz,
                    js_word!("-moz-transition-timing-function"),
                    None
                );
                add_declaration!(Prefix::O, js_word!("-o-transition-timing-function"), None);
            }

            js_word!("writing-mode") if n.value.len() == 1 => {
                if let Some(simple_block) = &self.simple_block {
                    let direction =
                    match simple_block
                        .value
                        .iter()
                        .rev()
                        .find(|declaration| {
                            matches!(declaration, ComponentValue::Declaration(box Declaration { name: DeclarationName::Ident(Ident { value, .. }), .. })
                                if value.eq_ignore_ascii_case(&js_word!("direction")))
                        }) {
                        Some(ComponentValue::Declaration(box Declaration { value, .. })) => {
                            match value.get(0) {
                                Some(ComponentValue::Ident(ident))
                                if ident.value.eq_ignore_ascii_case(&js_word!("rtl")) =>
                                    {
                                        Some("rtl")
                                    }
                                _ => Some("ltr"),
                            }
                        }
                        _ => Some("ltr"),
                    };

                    if let ComponentValue::Ident(ident) = &n.value[0] {
                        match ident.value.to_ascii_lowercase() {
                            js_word!("vertical-lr") => {
                                add_declaration!(
                                    Prefix::Webkit,
                                    js_word!("-webkit-writing-mode"),
                                    None
                                );

                                match direction {
                                    Some("ltr") => {
                                        add_declaration!(
                                            Prefix::Ms,
                                            js_word!("-ms-writing-mode"),
                                            Some(Box::new(|| { vec![to_ident!("tb-lr")] }))
                                        );
                                    }
                                    Some("rtl") => {
                                        add_declaration!(
                                            Prefix::Ms,
                                            js_word!("-ms-writing-mode"),
                                            Some(Box::new(|| { vec![to_ident!("bt-lr")] }))
                                        );
                                    }
                                    _ => {}
                                }
                            }

                            js_word!("vertical-rl") => {
                                add_declaration!(
                                    Prefix::Webkit,
                                    js_word!("-webkit-writing-mode"),
                                    None
                                );

                                match direction {
                                    Some("ltr") => {
                                        add_declaration!(
                                            Prefix::Ms,
                                            js_word!("-ms-writing-mode"),
                                            Some(Box::new(|| { vec![to_ident!("tb-rl")] }))
                                        );
                                    }
                                    Some("rtl") => {
                                        add_declaration!(
                                            Prefix::Ms,
                                            js_word!("-ms-writing-mode"),
                                            Some(Box::new(|| { vec![to_ident!("bt-rl")] }))
                                        );
                                    }
                                    _ => {}
                                }
                            }

                            js_word!("horizontal-tb") => {
                                add_declaration!(
                                    Prefix::Webkit,
                                    js_word!("-webkit-writing-mode"),
                                    None
                                );

                                match direction {
                                    Some("ltr") => {
                                        add_declaration!(
                                            Prefix::Ms,
                                            js_word!("-ms-writing-mode"),
                                            Some(Box::new(|| { vec![to_ident!("lr-tb")] }))
                                        );
                                    }
                                    Some("rtl") => {
                                        add_declaration!(
                                            Prefix::Ms,
                                            js_word!("-ms-writing-mode"),
                                            Some(Box::new(|| { vec![to_ident!("rl-tb")] }))
                                        );
                                    }
                                    _ => {}
                                }
                            }

                            js_word!("sideways-rl") | js_word!("sideways-lr") => {
                                add_declaration!(
                                    Prefix::Webkit,
                                    js_word!("-webkit-writing-mode"),
                                    None
                                );
                            }

                            _ => {
                                add_declaration!(
                                    Prefix::Webkit,
                                    js_word!("-webkit-writing-mode"),
                                    None
                                );
                                add_declaration!(Prefix::Ms, js_word!("-ms-writing-mode"), None);
                            }
                        }
                    }
                }
            }

            js_word!("width")
            | js_word!("min-width")
            | js_word!("max-width")
            | js_word!("height")
            | js_word!("min-height")
            | js_word!("max-height")
            | js_word!("inline-size")
            | js_word!("min-inline-size")
            | js_word!("max-inline-size")
            | js_word!("block-size")
            | js_word!("min-block-size")
            | js_word!("max-block-size")
            | js_word!("grid")
            | js_word!("grid-template")
            | js_word!("grid-template-rows")
            | js_word!("grid-template-columns")
            | js_word!("grid-auto-columns")
            | js_word!("grid-auto-rows") => {
                let is_grid_property = matches!(
                    *name,
                    js_word!("grid")
                        | js_word!("grid-template")
                        | js_word!("grid-template-rows")
                        | js_word!("grid-template-columns")
                        | js_word!("grid-auto-columns")
                        | js_word!("grid-auto-rows")
                );

                if self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none() {
                    if should_prefix("-webkit-fit-content", self.env, false) {
                        replace_ident(&mut webkit_value, "fit-content", "-webkit-fit-content");
                    }

                    if should_prefix("-webkit-max-content", self.env, false) {
                        replace_ident(&mut webkit_value, "max-content", "-webkit-max-content");
                    }

                    if should_prefix("-webkit-min-content", self.env, false) {
                        replace_ident(&mut webkit_value, "min-content", "-webkit-min-content");
                    }

                    if should_prefix("-webkit-fill-available", self.env, false) {
                        replace_ident(
                            &mut webkit_value,
                            "fill-available",
                            "-webkit-fill-available",
                        );
                        replace_ident(&mut webkit_value, "fill", "-webkit-fill-available");
                        replace_ident(&mut webkit_value, "stretch", "-webkit-fill-available");
                    }
                }

                if !is_grid_property
                    && (self.rule_prefix == Some(Prefix::Moz) || self.rule_prefix.is_none())
                {
                    if should_prefix("-moz-fit-content", self.env, false) {
                        replace_ident(&mut moz_value, "fit-content", "-moz-fit-content");
                    }

                    if should_prefix("-moz-max-content", self.env, false) {
                        replace_ident(&mut moz_value, "max-content", "-moz-max-content");
                    }

                    if should_prefix("-moz-min-content", self.env, false) {
                        replace_ident(&mut moz_value, "min-content", "-moz-min-content");
                    }

                    if should_prefix("-moz-available", self.env, false) {
                        replace_ident(&mut moz_value, "fill-available", "-moz-available");
                        replace_ident(&mut moz_value, "fill", "-moz-available");
                        replace_ident(&mut moz_value, "stretch", "-moz-available");
                    }
                }
            }

            js_word!("touch-action") => {
                add_declaration!(
                    Prefix::Ms,
                    js_word!("-ms-touch-action"),
                    Some(Box::new(|| {
                        let mut new_ms_value = ms_value.clone();

                        if should_prefix("-ms-pan-x", self.env, false) {
                            replace_ident(&mut new_ms_value, "pan-x", "-ms-pan-x");
                        }

                        if should_prefix("-ms-pan-y", self.env, false) {
                            replace_ident(&mut new_ms_value, "pan-y", "-ms-pan-y");
                        }

                        if should_prefix("-ms-double-tap-zoom", self.env, false) {
                            replace_ident(
                                &mut new_ms_value,
                                "double-tap-zoom",
                                "-ms-double-tap-zoom",
                            );
                        }

                        if should_prefix("-ms-manipulation", self.env, false) {
                            replace_ident(&mut new_ms_value, "manipulation", "-ms-manipulation");
                        }

                        if should_prefix("-ms-none", self.env, false) {
                            replace_ident(&mut new_ms_value, "none", "-ms-none");
                        }

                        if should_prefix("-ms-pinch-zoom", self.env, false) {
                            replace_ident(&mut new_ms_value, "pinch-zoom", "-ms-pinch-zoom");
                        }

                        new_ms_value
                    }))
                );

                add_declaration!(Prefix::Ms, js_word!("-ms-touch-action"), None);
            }

            js_word!("text-orientation") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-text-orientation"), None);
            }

            js_word!("unicode-bidi") => {
                if self.rule_prefix == Some(Prefix::Webkit) || self.rule_prefix.is_none() {
                    if should_prefix("-moz-isolate", self.env, false) {
                        replace_ident(&mut moz_value, "isolate", "-moz-isolate");
                    }

                    if should_prefix("-moz-isolate-override", self.env, false) {
                        replace_ident(&mut moz_value, "isolate-override", "-moz-isolate-override");
                    }

                    if should_prefix("-moz-plaintext", self.env, false) {
                        replace_ident(&mut moz_value, "plaintext", "-moz-plaintext");
                    }

                    if should_prefix("-webkit-isolate", self.env, false) {
                        replace_ident(&mut webkit_value, "isolate", "-webkit-isolate");
                    }

                    if should_prefix("-webpack-isolate-override", self.env, false) {
                        replace_ident(
                            &mut webkit_value,
                            "isolate-override",
                            "-webpack-isolate-override",
                        );
                    }

                    if should_prefix("-webpack-plaintext", self.env, false) {
                        replace_ident(&mut webkit_value, "plaintext", "-webpack-plaintext");
                    }
                }
            }

            js_word!("text-spacing") => {
                add_declaration!(Prefix::Ms, js_word!("-ms-text-spacing"), None);
            }

            js_word!("text-emphasis") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-text-emphasis"), None);
            }

            js_word!("text-emphasis-position") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-text-emphasis-position"),
                    None
                );
            }

            js_word!("text-emphasis-style") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-text-emphasis-style"),
                    None
                );
            }

            js_word!("text-emphasis-color") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-text-emphasis-color"),
                    None
                );
            }

            js_word!("flow-into") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-flow-into"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-flow-into"), None);
            }

            js_word!("flow-from") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-flow-from"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-flow-from"), None);
            }

            js_word!("region-fragment") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-region-fragment"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-region-fragment"), None);
            }

            js_word!("scroll-snap-type") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-scroll-snap-type"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-scroll-snap-type"), None);
            }

            js_word!("scroll-snap-coordinate") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-scroll-snap-coordinate"),
                    None
                );
                add_declaration!(Prefix::Ms, js_word!("-ms-scroll-snap-coordinate"), None);
            }

            js_word!("scroll-snap-destination") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-scroll-snap-destination"),
                    None
                );
                add_declaration!(Prefix::Ms, js_word!("-ms-scroll-snap-destination"), None);
            }

            js_word!("scroll-snap-points-x") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-scroll-snap-points-x"),
                    None
                );
                add_declaration!(Prefix::Ms, js_word!("-ms-scroll-snap-points-x"), None);
            }

            js_word!("scroll-snap-points-y") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-scroll-snap-points-y"),
                    None
                );
                add_declaration!(Prefix::Ms, js_word!("-ms-scroll-snap-points-y"), None);
            }

            js_word!("text-align-last") => {
                add_declaration!(Prefix::Moz, js_word!("-moz-text-align-last"), None);
            }

            js_word!("text-overflow") => {
                add_declaration!(Prefix::O, js_word!("-o-text-overflow"), None);
            }

            js_word!("shape-margin") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-shape-margin"), None);
            }

            js_word!("shape-outside") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-shape-outside"), None);
            }

            js_word!("shape-image-threshold") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-shape-image-threshold"),
                    None
                );
            }

            js_word!("object-fit") => {
                add_declaration!(Prefix::O, js_word!("-o-object-fit"), None);
            }

            js_word!("object-position") => {
                add_declaration!(Prefix::O, js_word!("-o-object-position"), None);
            }

            js_word!("overflow-wrap") => {
                add_declaration!(js_word!("word-wrap"), None);
            }

            js_word!("overflow")
                if should_prefix("overflow", self.env, false) && n.value.len() == 2 =>
            {
                if let (
                    Some(left @ ComponentValue::Ident(box first)),
                    Some(right @ ComponentValue::Ident(box second)),
                ) = (n.value.get(0), n.value.get(1))
                {
                    if first.value.eq_ignore_ascii_case(&second.value) {
                        self.added_declarations.push(Box::new(Declaration {
                            span: n.span,
                            name: n.name.clone(),
                            value: vec![left.clone()],
                            important: n.important.clone(),
                        }));
                    } else {
                        self.added_declarations.push(Box::new(Declaration {
                            span: n.span,
                            name: DeclarationName::Ident(Ident {
                                span: DUMMY_SP,
                                value: js_word!("overflow-x"),
                                raw: None,
                            }),
                            value: vec![left.clone()],
                            important: n.important.clone(),
                        }));
                        self.added_declarations.push(Box::new(Declaration {
                            span: n.span,
                            name: DeclarationName::Ident(Ident {
                                span: DUMMY_SP,
                                value: js_word!("overflow-y"),
                                raw: None,
                            }),
                            value: vec![right.clone()],
                            important: n.important.clone(),
                        }));
                    }
                }
            }

            js_word!("tab-size") => {
                add_declaration!(Prefix::Moz, js_word!("-moz-tab-size"), None);
                add_declaration!(Prefix::O, js_word!("-o-tab-size"), None);
            }

            js_word!("overflow-wrap") => {
                add_declaration!(js_word!("word-wrap"), None);
            }

            js_word!("hyphens") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-hyphens"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-hyphens"), None);
                add_declaration!(Prefix::Ms, js_word!("-ms-hyphens"), None);
            }

            js_word!("border-image") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-border-image"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-border-image"), None);
                add_declaration!(Prefix::O, js_word!("-o-border-image"), None);
            }

            js_word!("font-kerning") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-font-kerning"), None);
            }

            js_word!("font-feature-settings") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-font-feature-settings"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-font-feature-settings"), None);
            }

            js_word!("font-variant-ligatures") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-font-variant-ligatures"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-font-variant-ligatures"), None);
            }

            js_word!("font-language-override") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-font-language-override"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-font-language-override"), None);
            }

            js_word!("background-origin") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-background-origin"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-background-origin"), None);
                add_declaration!(Prefix::O, js_word!("-o-background-origin"), None);
            }

            js_word!("background-size") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-background-size"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-background-size"), None);
                add_declaration!(Prefix::O, js_word!("-o-background-size"), None);
            }

            js_word!("overscroll-behavior") => {
                if let ComponentValue::Ident(ident) = &n.value[0] {
                    match ident.value.to_ascii_lowercase() {
                        js_word!("auto") => {
                            add_declaration!(
                                Prefix::Ms,
                                js_word!("-ms-scroll-chaining"),
                                Some(Box::new(|| { vec![to_ident!("chained")] }))
                            );
                        }
                        js_word!("none") | js_word!("contain") => {
                            add_declaration!(
                                Prefix::Ms,
                                js_word!("-ms-scroll-chaining"),
                                Some(Box::new(|| { vec![to_ident!("none")] }))
                            );
                        }
                        _ => {
                            add_declaration!(Prefix::Ms, js_word!("-ms-scroll-chaining"), None);
                        }
                    }
                } else {
                    add_declaration!(Prefix::Ms, js_word!("-ms-scroll-chaining"), None);
                }
            }

            js_word!("box-shadow") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-box-shadow"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-box-shadow"), None);
            }

            js_word!("forced-color-adjust") => {
                add_declaration!(Prefix::Ms, js_word!("-ms-high-contrast-adjust"), None);
            }

            js_word!("break-inside") => {
                if let ComponentValue::Ident(ident) = &n.value[0] {
                    match ident.value.to_ascii_lowercase() {
                        js_word!("auto")
                        | js_word!("avoid")
                        | js_word!("initial")
                        | js_word!("inherit")
                        | js_word!("revert")
                        | js_word!("revert-layer") => {
                            add_declaration!(
                                Prefix::Webkit,
                                js_word!("-webkit-column-break-inside"),
                                None
                            );
                            add_declaration!(js_word!("page-break-inside"), None);
                        }
                        _ => {}
                    }
                }
            }

            js_word!("break-before") => {
                if let ComponentValue::Ident(ident) = &n.value[0] {
                    match ident.value.to_ascii_lowercase() {
                        js_word!("auto")
                        | js_word!("avoid")
                        | js_word!("initial")
                        | js_word!("inherit")
                        | js_word!("revert")
                        | js_word!("revert-layer") => {
                            add_declaration!(
                                Prefix::Webkit,
                                js_word!("-webkit-column-break-before"),
                                None
                            );
                            add_declaration!(js_word!("page-break-before"), None);
                        }
                        js_word!("left") | js_word!("right") => {
                            add_declaration!(js_word!("page-break-before"), None);
                        }
                        js_word!("page") => {
                            add_declaration!(
                                js_word!("page-break-before"),
                                Some(Box::new(|| { vec![to_ident!("always")] }))
                            );
                        }
                        js_word!("column") => {
                            add_declaration!(
                                Prefix::Webkit,
                                js_word!("-webkit-column-break-before"),
                                Some(Box::new(|| { vec![to_ident!("always")] }))
                            );
                        }
                        _ => {}
                    }
                }
            }

            js_word!("break-after") => {
                if let ComponentValue::Ident(ident) = &n.value[0] {
                    match ident.value.to_ascii_lowercase() {
                        js_word!("auto")
                        | js_word!("avoid")
                        | js_word!("initial")
                        | js_word!("inherit")
                        | js_word!("revert")
                        | js_word!("revert-layer") => {
                            add_declaration!(
                                Prefix::Webkit,
                                js_word!("-webkit-column-break-after"),
                                None
                            );
                            add_declaration!(js_word!("page-break-after"), None);
                        }
                        js_word!("left") | js_word!("right") => {
                            add_declaration!(js_word!("page-break-after"), None);
                        }
                        js_word!("page") => {
                            add_declaration!(
                                js_word!("page-break-after"),
                                Some(Box::new(|| { vec![to_ident!("always")] }))
                            );
                        }
                        js_word!("column") => {
                            add_declaration!(
                                Prefix::Webkit,
                                js_word!("-webkit-column-break-after"),
                                Some(Box::new(|| { vec![to_ident!("always")] }))
                            );
                        }
                        _ => {}
                    }
                }
            }

            js_word!("border-radius") => {
                add_declaration!(Prefix::Webkit, js_word!("-webkit-border-radius"), None);
                add_declaration!(Prefix::Moz, js_word!("-moz-border-radius"), None);
            }

            js_word!("border-top-left-radius") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-border-top-left-radius"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-border-radius-topleft"), None);
            }

            js_word!("border-top-right-radius") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-border-top-right-radius"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-border-radius-topright"), None);
            }

            js_word!("border-bottom-right-radius") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-border-bottom-right-radius"),
                    None
                );
                add_declaration!(
                    Prefix::Moz,
                    js_word!("-moz-border-radius-bottomright"),
                    None
                );
            }

            js_word!("border-bottom-left-radius") => {
                add_declaration!(
                    Prefix::Webkit,
                    js_word!("-webkit-border-bottom-left-radius"),
                    None
                );
                add_declaration!(Prefix::Moz, js_word!("-moz-border-radius-bottomleft"), None);
            }

            js_word!("src") if should_prefix("font-face-format-ident", self.env, false) => {
                let mut new_declaration = n.clone();

                font_face_format_old_syntax(&mut new_declaration);

                if n.value != new_declaration.value {
                    self.added_declarations.push(Box::new(new_declaration));
                }
            }

            js_word!("place-content") if should_prefix("place-content", self.env, false) => {
                match (n.value.get(0), n.value.get(1)) {
                    (Some(left), Some(right)) => {
                        add_declaration!(
                            js_word!("align-content"),
                            Some(Box::new(|| { vec![left.clone()] }))
                        );
                        add_declaration!(
                            js_word!("justify-content"),
                            Some(Box::new(|| { vec![right.clone()] }))
                        );
                    }
                    (Some(left), None) => {
                        add_declaration!(
                            js_word!("align-content"),
                            Some(Box::new(|| { vec![left.clone()] }))
                        );
                        add_declaration!(
                            js_word!("justify-content"),
                            Some(Box::new(|| { vec![left.clone()] }))
                        );
                    }
                    _ => {}
                }
            }

            js_word!("place-items") if should_prefix("place-items", self.env, false) => {
                match (n.value.get(0), n.value.get(1)) {
                    (Some(left), Some(right)) => {
                        add_declaration!(
                            js_word!("align-items"),
                            Some(Box::new(|| { vec![left.clone()] }))
                        );
                        add_declaration!(
                            js_word!("justify-items"),
                            Some(Box::new(|| { vec![right.clone()] }))
                        );
                    }
                    (Some(left), None) => {
                        add_declaration!(
                            js_word!("align-items"),
                            Some(Box::new(|| { vec![left.clone()] }))
                        );
                        add_declaration!(
                            js_word!("justify-items"),
                            Some(Box::new(|| { vec![left.clone()] }))
                        );
                    }
                    _ => {}
                }
            }

            js_word!("place-self") if should_prefix("place-self", self.env, false) => {
                match (n.value.get(0), n.value.get(1)) {
                    (Some(left), Some(right)) => {
                        add_declaration!(
                            js_word!("align-self"),
                            Some(Box::new(|| { vec![left.clone()] }))
                        );
                        add_declaration!(
                            js_word!("justify-self"),
                            Some(Box::new(|| { vec![right.clone()] }))
                        );
                    }
                    (Some(left), None) => {
                        add_declaration!(
                            js_word!("align-self"),
                            Some(Box::new(|| { vec![left.clone()] }))
                        );
                        add_declaration!(
                            js_word!("justify-self"),
                            Some(Box::new(|| { vec![left.clone()] }))
                        );
                    }
                    _ => {}
                }
            }

            // TODO add `grid` support https://github.com/postcss/autoprefixer/tree/main/lib/hacks (starting with grid)
            // TODO fix me https://github.com/postcss/autoprefixer/blob/main/test/cases/custom-prefix.out.css
            _ => {}
        }

        if !n.value.eq_ignore_span(&webkit_value) {
            self.added_declarations.push(Box::new(Declaration {
                span: n.span,
                name: n.name.clone(),
                value: webkit_value,
                important: n.important.clone(),
            }));
        }

        if !n.value.eq_ignore_span(&moz_value) {
            self.added_declarations.push(Box::new(Declaration {
                span: n.span,
                name: n.name.clone(),
                value: moz_value,
                important: n.important.clone(),
            }));
        }

        if !n.value.eq_ignore_span(&o_value) {
            self.added_declarations.push(Box::new(Declaration {
                span: n.span,
                name: n.name.clone(),
                value: o_value,
                important: n.important.clone(),
            }));
        }

        if !n.value.eq_ignore_span(&ms_value) {
            self.added_declarations.push(Box::new(Declaration {
                span: n.span,
                name: n.name.clone(),
                value: ms_value,
                important: n.important.clone(),
            }));
        }

        if should_prefix("calc-nested", self.env, false) {
            let mut value = n.value.clone();

            replace_calc(&mut value, None);

            if !n.value.eq_ignore_span(&value) {
                self.added_declarations.push(Box::new(Declaration {
                    span: n.span,
                    name: n.name.clone(),
                    value,
                    important: n.important.clone(),
                }));
            }
        }
    }
}